From 9d485b5419214b22a0e0eae5144c2768e725d09f Mon Sep 17 00:00:00 2001
From: Helmi Akermi <70575401+hakermi@users.noreply.github.com>
Date: Thu, 31 Aug 2023 16:39:12 +0100
Subject: [PATCH] feat: edito page and notes overview page size are not
 consistent - EXO-65734 - Meeds-io/MIPs#70 (#715)

edito page and notes overview page size are not consistent
---
 .../src/main/webapp/skin/less/notes/notes.less        | 11 ++++++-----
 .../notes-editor/components/NotesEditorDashboard.vue  |  4 ++--
 .../webapp/vue-app/notes/components/NotesOverview.vue |  4 ++--
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/notes-webapp/src/main/webapp/skin/less/notes/notes.less b/notes-webapp/src/main/webapp/skin/less/notes/notes.less
index 086488cc89..ab9d2ef226 100644
--- a/notes-webapp/src/main/webapp/skin/less/notes/notes.less
+++ b/notes-webapp/src/main/webapp/skin/less/notes/notes.less
@@ -73,18 +73,20 @@
     z-index: 1031;
     background: #eeeeee;
 
+    .notes-content-wrapper {
+      min-height: calc(~"100vh - 210px");
+    }
+
     .notes-content {
-      height: calc(~"100vh - 120px");
+      height: calc(~"100vh - 100px");
       overflow: auto;
       z-index: 5;
       background-color: #eeeeee;
       margin-top: 102px;
 
       .notes-content-form {
-        background: white;
-        margin: 20px 14% 0 14% !important;
+        margin: 20px auto !important;
         min-height: calc(~"100vh - 140px");
-
         #cke_notesContent {
           border-color: transparent;
           flex: 0 1 100%;
@@ -198,7 +200,6 @@
   .notes-application-content {
     overflow: auto;
     min-height: calc(~"100vh - 350px");
-    margin: 4px;
   }
 }
 
diff --git a/notes-webapp/src/main/webapp/vue-app/notes-editor/components/NotesEditorDashboard.vue b/notes-webapp/src/main/webapp/vue-app/notes-editor/components/NotesEditorDashboard.vue
index a7cf51697c..c67e19aa5d 100644
--- a/notes-webapp/src/main/webapp/vue-app/notes-editor/components/NotesEditorDashboard.vue
+++ b/notes-webapp/src/main/webapp/vue-app/notes-editor/components/NotesEditorDashboard.vue
@@ -76,8 +76,8 @@
       </div>
 
       <form class="notes-content">
-        <div class="notes-content-form px-4">
-          <div class="formInputGroup notesTitle mx-3">
+        <div class="notes-content-form singlePageApplication py-1 px-5">
+          <div class="formInputGroup notesTitle white px-5">
             <input
               id="notesTitle"
               ref="noteTitle"
diff --git a/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue b/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
index 315e3cbc38..851398c3c7 100644
--- a/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
+++ b/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
@@ -6,10 +6,10 @@
     <div>
       <div
         v-if="isAvailableNote"
-        class="notes-application white border-radius pa-6"
+        class="notes-application white border-radius pa-5"
         ref="content">
         <div class="notes-application-header">
-          <div class="notes-title d-flex justify-space-between pb-4">
+          <div class="notes-title d-flex justify-space-between pb-4 ps-1">
             <span
               ref="noteTitle"
               class="title text-color mt-n1">