Fix margin/padding issues

diff --git a/flatnotes/src/components/App.vue b/flatnotes/src/components/App.vue
index ed23a86f832d0f0bc6a0435d9d5f41671173f0dd..fc90a094e3bfa89d2f1a9d807d6b1fc746d22c9b 100644 (file)
--- 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 bceeedb37cde059af3cbe40beeaf3cb30e9f1c6d..800e8d1d779328a200511f26db65a3ef82e887e4 100644 (file)
--- 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"