From 06257476380632020f53d39e980b033a2fe10f88 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 20 Jul 2023 10:31:41 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20note?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

set the right padding to see the scroll indicator and no titles with
justified text
---
 src/components/FluxNote.vue    | 10 +++++++++-
 src/components/StackedNote.vue |  4 +++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index 9edd194..e677fe5 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -184,7 +184,11 @@ $header-height: 40px;
 
     .repo-title {
       margin-top: 1rem;
-      text-align: center;
+
+      .title,
+      .subtitle {
+        text-align: center;
+      }
     }
   }
 
@@ -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) {
diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 1142d84..beb466a 100644
--- a/src/components/StackedNote.vue
+++ b/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;
       }