Merge pull request ondras#131 from ondras/notes-height

note editor height, fixes ondras#129
SinSiXX · Oct 4, 2021 · e5af5b8 · e5af5b8
2 parents db0e82c + 3e80c1e
commit e5af5b8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/css/ui.css b/css/ui.css
@@ -134,16 +134,14 @@ button:not(:disabled) {
 
 #notes {
 	width: 50%;
+	display: flex;
+	flex-direction: column;
 }
 
 #notes-editor {
 	border: 0;
 	width: 100%;
-	height: 100%;
-}
-
-.pell-content {
-	height: calc(100% - 60px);
+	flex: auto;
 }
 
 .ui #github {

diff --git a/editor.html b/editor.html
@@ -10,6 +10,17 @@
             margin: 0;
             padding: 0;
         }
+
+        #notes-content {
+            height: 100vh;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .pell-content {
+            flex: auto;
+        }
+
     </style>
 </head>
 <body>