src/editor.html

@@ -1723,7 +1723,9 @@
 				padding-bottom: 0px;
 				overflow-y: scroll;
 				-webkit-overflow-scrolling: touch;
-				height: 100%;
+				height: calc(100vh);
+				display: flex;
+				flex-direction: column;
 			}
 
 			img {
@@ -1747,27 +1749,27 @@
 				padding-right: 10px;
 				line-height: 20px;
 				caret-color:rgb(90, 149, 211);
-				margin-bottom: 100px;
+				flex: 1;
 			}
 
 			#zss_editor_title {
 				padding-left: 10px;
 				padding-right: 10px;
 				font-family: 'Helvetica Neue Light', sans-serif;
-				font-size: 23px;
-				line-height: 31px;
-				color: #2d4150;
+				font-size: 17px;
+				line-height: 25px;
+				color: #4A4A4A;
 				display: none;
 			}
 
 			[placeholder]:empty:before {
 				content: attr(placeholder);
-				color: #e0e0e0;
+				color: #C1C1C1;
 			}
 
 			[placeholder]:empty:focus:before {
 				content: attr(placeholder);
-				color: #e0e0e0;
+				color: #C1C1C1;
 			}
 
 			hr {
@@ -1778,8 +1780,6 @@
 
 			#separatorContainer {
 				-webkit-user-select: none;
-				padding-left: 10px;
-				padding-right: 10px;
 				display: none;
 			}