From: Adam Dullage <redacted>
Date: Sun, 14 Aug 2022 12:17:42 +0000 (+0100)
Subject: Fix margin/padding issues
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=95ff10394b5feb7cd4c3c09b00374108bf4b4e21;p=flatnotes.git

Fix margin/padding issues
---

diff --git a/flatnotes/src/components/App.vue b/flatnotes/src/components/App.vue
index ed23a86..fc90a09 100644
--- a/flatnotes/src/components/App.vue
+++ b/flatnotes/src/components/App.vue
@@ -76,7 +76,7 @@
     <!-- Note -->
     <NoteViewerEditor
       v-if="currentView == this.views.note"
-      class="mt-5 flex-grow-1"
+      class="flex-grow-1"
       :titleToLoad="noteTitle"
       @note-deleted="noteDeletedToast"
     ></NoteViewerEditor>
diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index bceeedb..800e8d1 100644
--- a/flatnotes/src/components/NoteViewerEditor.vue
+++ b/flatnotes/src/components/NoteViewerEditor.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- Note -->
-  <div class="w-100 h-100">
+  <div class="pt-5 pb-4">
     <!-- Loading -->
     <div
       v-if="currentNote == null"
@@ -15,9 +15,8 @@
 
     <!-- Loaded -->
     <div v-else class="d-flex flex-column h-100">
-      <div
-        class="d-flex justify-content-between flex-wrap align-items-end mb-3"
-      >
+      <!-- Buttons -->
+      <div class="d-flex justify-content-between flex-wrap align-items-end mb-3">
         <!-- Title -->
         <h2 v-if="editMode == false" class="title" :title="currentNote.title">
           {{ currentNote.title }}
@@ -77,12 +76,12 @@
       </div>
 
       <!-- Viewer -->
-      <div v-if="editMode == false" class="mb-4 note note-viewer">
+      <div v-if="editMode == false" class="note note-viewer">
         <viewer :initialValue="currentNote.content" :options="viewerOptions" />
       </div>
 
       <!-- Editor -->
-      <div v-else class="mb-4 note flex-grow-1">
+      <div v-else class="note flex-grow-1">
         <editor
           :initialValue="initialContent"
           initialEditType="markdown"