From 455addf76019fbcc37e5cdbad39dd7f3393d6a1c Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Mon, 25 May 2026 21:29:54 +0200
Subject: [PATCH] style(notes): move image upload button after edit/save button

---
 src/components/StackedNote.vue | 84 +++++++++++++++++-----------------
 1 file changed, 42 insertions(+), 42 deletions(-)

diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index f892c08..523770c 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -302,48 +302,6 @@ const onBadgeClick = async () => {
           @click="onBadgeClick"
           class="action"
         />
-        <button
-          v-if="isMarkdown && mode === 'edit'"
-          class="action button is-text is-light"
-          :title="isUploading ? 'Uploading…' : 'Upload image'"
-          :disabled="isUploading"
-          @click="fileInput?.click()"
-        >
-          <span
-            v-if="isUploading"
-            class="loading loading-spinner loading-sm"
-          ></span>
-          <svg
-            v-else
-            xmlns="http://www.w3.org/2000/svg"
-            class="icon icon-tabler icon-tabler-photo-plus"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            stroke-width="1.5"
-            stroke="currentColor"
-            fill="none"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-            <path d="M15 8h.01" />
-            <path
-              d="M12.5 21h-6.5a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v6.5"
-            />
-            <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l4 4" />
-            <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l2 2" />
-            <path d="M16 19h6" />
-            <path d="M19 16v6" />
-          </svg>
-        </button>
-        <input
-          ref="fileInput"
-          type="file"
-          accept="image/*"
-          class="hidden-input"
-          @change="onImagePicked"
-        />
         <button
           v-if="isMarkdown"
           class="action button is-text is-light"
@@ -394,6 +352,48 @@ const onBadgeClick = async () => {
             <path d="M14 4l0 4l-6 0l0 -4" />
           </svg>
         </button>
+        <button
+          v-if="isMarkdown && mode === 'edit'"
+          class="action button is-text is-light"
+          :title="isUploading ? 'Uploading…' : 'Upload image'"
+          :disabled="isUploading"
+          @click="fileInput?.click()"
+        >
+          <span
+            v-if="isUploading"
+            class="loading loading-spinner loading-sm"
+          ></span>
+          <svg
+            v-else
+            xmlns="http://www.w3.org/2000/svg"
+            class="icon icon-tabler icon-tabler-photo-plus"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            fill="none"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path d="M15 8h.01" />
+            <path
+              d="M12.5 21h-6.5a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v6.5"
+            />
+            <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l4 4" />
+            <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l2 2" />
+            <path d="M16 19h6" />
+            <path d="M19 16v6" />
+          </svg>
+        </button>
+        <input
+          ref="fileInput"
+          type="file"
+          accept="image/*"
+          class="hidden-input"
+          @change="onImagePicked"
+        />
       </div>
       <a
         class="title-stacked-note-link"