Move and resize unsaved changes indicator

diff --git a/client/views/Note.vue b/client/views/Note.vue
index 473fb86c96a73d8f601da218cffdf4b7343c732e..a6be6b3c77eba27c1c195db5e96f9fd5b234b4a5 100644 (file)
--- 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"