fix: 🐛 note

set the right padding to see the scroll indicator and no titles with
justified text

src/components/FluxNote.vue

@@ -184,9 +184,13 @@ $header-height: 40px;
 
     .repo-title {
       margin-top: 1rem;
+
+      .title,
+      .subtitle {
         text-align: center;
       }
     }
+  }
 
   .note-display {
     padding-bottom: 2rem;
@@ -203,6 +207,10 @@ $header-height: 40px;
     &:not(:first-child) {
       border-top: 1px solid rgba(18, 19, 58, 0.2);
     }
+
+    .title {
+      text-align: left;
+    }
   }
 
   @media screen and (min-width: 769px) {

src/components/StackedNote.vue

@@ -125,7 +125,7 @@ $border-color: rgba(18, 19, 58, 0.2);
 
 @media screen and (max-width: 768px) {
   .stacked-note {
-    padding: 0 1.5rem;
+    padding: 0 0.5rem 1rem;
 
     .title-stacked-note {
       padding: 0.5rem 0 0;
@@ -137,6 +137,8 @@ $border-color: rgba(18, 19, 58, 0.2);
     }
 
     .note-content {
+      padding: 0 1.5rem;
+
       .table {
         overflow-x: auto;
       }