From: Adam Dullage <redacted>
Date: Wed, 8 Nov 2023 13:23:34 +0000 (+0000)
Subject: Editor header layout improvements
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=78d1a6dc4d7e6a667ef257a093c8e99978712001;p=flatnotes.git

Editor header layout improvements
---

diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index cbef12b..3149965 100644
--- a/flatnotes/src/components/NoteViewerEditor.vue
+++ b/flatnotes/src/components/NoteViewerEditor.vue
@@ -26,13 +26,13 @@
         <input
           v-else
           type="text"
-          class="h2 title-input flex-grow-1"
+          class="h2 title-input flex-grow-1 mb-0"
           v-model="titleInput"
           placeholder="Title"
         />
 
         <!-- Buttons -->
-        <div class="d-flex">
+        <div class="d-flex flex-grow-1 justify-content-end">
           <!-- Edit -->
           <button
             v-if="canModify && editMode == false && noteLoadFailed == false"
@@ -118,6 +118,7 @@
   background-color: transparent;
   color: var(--colour-text);
   padding: 0;
+  min-width:0;
 
   &:focus {
     outline: none;