From: Adam Dullage <redacted>
Date: Thu, 9 May 2024 20:41:50 +0000 (+0100)
Subject: Add additional margin to prevent focus ring overlap
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=33ed4d762d969b63ce3881ae12a8885db8f68136;p=flatnotes.git

Add additional margin to prevent focus ring overlap
---

diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index 1d2ccdd..1d11709 100644
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -9,7 +9,12 @@
         <CustomButton :iconPath="mdilPlusCircle" label="New Note" />
       </RouterLink>
       <!-- Menu -->
-      <CustomButton :iconPath="mdilMenu" label="Menu" @click="toggleMenu" />
+      <CustomButton
+        class="ml-1"
+        :iconPath="mdilMenu"
+        label="Menu"
+        @click="toggleMenu"
+      />
       <PrimeMenu ref="menu" :model="menuItems" :popup="true" />
     </div>
   </nav>
diff --git a/client/views/Home.vue b/client/views/Home.vue
index c94e2c7..f866b98 100644
--- a/client/views/Home.vue
+++ b/client/views/Home.vue
@@ -10,7 +10,7 @@
         >
           RECENTLY MODIFIED
         </p>
-        <RouterLink v-for="note in notes" :to="note.href">
+        <RouterLink v-for="note in notes" :to="note.href" class="mb-1">
           <CustomButton :label="note.title" />
         </RouterLink>
       </div>
diff --git a/client/views/Note.vue b/client/views/Note.vue
index 7b45840..3a40f55 100644
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -35,6 +35,7 @@
         />
         <CustomButton
           v-if="canModify"
+          class="ml-1"
           :iconPath="mdilPencil"
           label="Edit"
           @click="editHandler"
@@ -47,6 +48,7 @@
           @click="cancelHandler"
         />
         <CustomButton
+          class="ml-1"
           :iconPath="mdilContentSave"
           label="Save"
           @click="saveHandler"