From: Adam Dullage <redacted>
Date: Wed, 3 Jul 2024 19:45:07 +0000 (+0100)
Subject: Move and resize unsaved changes indicator
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=e31d52c90ec48ebb169ce799671db40b64e6c2c6;p=flatnotes.git

Move and resize unsaved changes indicator
---

diff --git a/client/views/Note.vue b/client/views/Note.vue
index 473fb86..a6be6b3 100644
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -54,12 +54,14 @@
 
       <!-- Buttons -->
       <div class="flex shrink-0 self-end md:self-baseline">
+        <!-- Delete Button -->
         <CustomButton
           v-show="canModify && !editMode"
           label="Delete"
           :iconPath="mdilDelete"
           @click="deleteHandler"
         />
+        <!-- Save Button -->
         <CustomButton
           v-show="editMode"
           label="Save"
@@ -69,10 +71,11 @@
         >
           <!-- Unsaved Changes Indicator -->
           <div
-            v-show="unsavedChanges"
-            class="absolute right-1 h-1 w-1 rounded-full bg-theme-brand"
+            v-show="editMode && unsavedChanges"
+            class="absolute -left-2.5 top-[0.75em] h-2 w-2 rounded-full bg-theme-brand"
           ></div>
         </CustomButton>
+        <!-- Edit Toggle -->
         <Toggle
           v-if="canModify"
           label="Edit"