From: Adam Dullage <redacted>
Date: Wed, 29 Nov 2023 08:23:51 +0000 (+0000)
Subject: Decrease title margin on smaller screens
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=f297b3ef3144cf66aad49949790e9b10948bdfbb;p=flatnotes.git

Decrease title margin on smaller screens
---

diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index f1d021c..0cf3683 100644
--- a/flatnotes/src/components/NoteViewerEditor.vue
+++ b/flatnotes/src/components/NoteViewerEditor.vue
@@ -16,7 +16,7 @@
     <!-- Loaded -->
     <div v-else class="d-flex flex-column h-100">
       <div
-        class="d-flex justify-content-between flex-wrap-reverse align-items-start mb-4"
+        class="d-flex justify-content-between flex-wrap-reverse align-items-start mb-2 mb-md-4"
       >
         <!-- Title -->
         <h2 v-if="editMode == false" class="title" :title="currentNote.title">
@@ -107,7 +107,7 @@
 
 .title,
 .title-input {
-  font-size: 1.75rem;
+  font-size: 2rem;
   font-weight: bold;
   line-height: 1.4;
 }