Fix height issue

taniarascia · Oct 20, 2020 · dd64e6a · dd64e6a
1 parent e01cecc
commit dd64e6a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/src/client/styles/_editor.scss b/src/client/styles/_editor.scss
@@ -1,10 +1,3 @@
-.note-editor {
-  .back-button {
-    padding: 0.25rem 0.5rem;
-    margin: 0.5rem 0 1rem 1rem;
-  }
-}
-
 .empty-editor {
   background: $light-theme-background;
   width: 100%;

diff --git a/src/client/styles/_layout.scss b/src/client/styles/_layout.scss
@@ -43,13 +43,15 @@
 }
 
 .note-editor {
+  position: relative;
   min-width: 300px;
   .empty-editor {
     height: calc(100vh);
   }
   .editor,
   .previewer {
-    height: calc(100vh - 30px);
+    padding-top: 5 0px;
+    height: 100vh;
   }
 }
 

diff --git a/src/client/styles/_note-menu-bar.scss b/src/client/styles/_note-menu-bar.scss
@@ -5,11 +5,17 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 99;
 
   nav {
     display: flex;
     align-items: stretch;
     justify-content: flex-end;
+    align-self: stretch;
   }
 
   .last-synced {
@@ -23,7 +29,7 @@
     border: none;
     border-radius: 0;
     color: lighten($font-color, 15%);
-    padding: 1rem;
+    padding: 0 1rem;
     margin: 0;
     &:hover {
       color: $font-color;