From 7b04ce8e0e70eb7b169ab43075f63fc55f362256 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 Nov 2025 14:01:57 +0100
Subject: [PATCH] better action buttons desing

---
 src/views/FleetingNotes.vue | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index dfac4a5..bc04414 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -110,16 +110,16 @@ watch(mode, async (newMode) => {
       :repo="repo"
       :content="content"
     >
-      <h3 class="subtitle is-3">Inbox</h3>
-      <div class="columns">
-        <div class="column" v-if="!hasTodayNote">
-          <button class="btn btn-secondary" @click="toggleMode">
-            new fleeting note
-          </button>
-        </div>
-        <div class="column">
-          <button class="btn" @click="handleYouTube">YouTube</button>
-        </div>
+      <h3 class="subtitle">Inbox</h3>
+      <div class="actions">
+        <button
+          v-if="!hasTodayNote"
+          class="btn btn-secondary"
+          @click="toggleMode"
+        >
+          new fleeting note
+        </button>
+        <button class="btn btn-outline" @click="handleYouTube">YouTube</button>
       </div>
 
       <div v-if="mode === 'edit'">
@@ -167,5 +167,12 @@ watch(mode, async (newMode) => {
     display: flex;
     justify-content: center;
   }
+
+  .actions {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+  }
 }
 </style>