From 2608e9ac5ccde5e6a75a6864d4ab98b1a9efb186 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 4 Nov 2023 14:12:56 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(edit)=20add=20edit=20light=20butto?=
 =?UTF-8?q?n=20at=20the=20end?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/StackedNote.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 17f7317..95c32e6 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -123,7 +123,7 @@ watch(mode, async (newMode) => {
     </div>
     <section class="text-content">
       <button
-        class="action button is-text"
+        class="action button is-text is-light"
         :class="{ 'is-link': mode === 'edit' }"
         @click="toggleMode"
       >
@@ -141,6 +141,14 @@ watch(mode, async (newMode) => {
       </router-link>
       <div v-if="mode === 'edit'" class="edit">
         <edit-note v-model="rawContent" />
+
+        <button
+          class="action button is-text is-light"
+          :class="{ 'is-link': mode === 'edit' }"
+          @click="toggleMode"
+        >
+          <img src="/assets/edit.svg" alt="edit" />
+        </button>
       </div>
       <div v-if="mode === 'read'" class="note-content" v-html="content"></div>
     </section>