From baaa62afdfbe106fcd99588a6eaabddd73f9d919 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sat, 4 Apr 2026 14:08:55 +0200
Subject: [PATCH] style: align paste hint text and button vertically

---
 src/views/HomeView.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index bc445a8..6c2e82e 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -84,7 +84,7 @@ onUnmounted(() => {
         </div>
         <section class="message is-info paste-hint">
           <div class="message-body">
-            Paste a list of items to directly create a new task
+            <span>Paste a list of items to directly create a new task</span>
             <button @click="handlePaste()" class="button is-info">Paste</button>
           </div>
         </section>
@@ -128,7 +128,12 @@ main {
 
 .paste-hint {
   margin: 1rem;
-  text-align: center;
+}
+
+.paste-hint .message-body {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
 }
 
 .description-hint {