From: Adam Dullage <redacted>
Date: Fri, 3 May 2024 12:03:33 +0000 (+0100)
Subject: Wrap title and buttons in note view
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=87f996e434ca3b846b934cf774e2307945e5df28;p=flatnotes.git

Wrap title and buttons in note view
---

diff --git a/client/views/Note.vue b/client/views/Note.vue
index 86b2baf..6f080b2 100644
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -19,10 +19,10 @@
       />
 
       <!-- Header -->
-      <div class="flex items-end">
+      <div class="flex items-start flex-wrap-reverse">
         <!-- Title -->
         <div class="flex flex-1 text-3xl leading-[1.6em]">
-          <span v-show="!editMode" class="flex-1">{{ note.title }}</span>
+          <span v-show="!editMode" class="flex-1 text-nowrap">{{ note.title }}</span>
           <input
             v-show="editMode"
             v-model="noteUpdate.title"