styling fixes for mobile

resources/edit.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html style="height: 100%">
 
 <head>
   <title>NoteHub &mdash; New Page</title>
@@ -11,7 +11,7 @@
   <script src="/js/publishing.js" type="text/javascript"></script>
 </head>
 
-<body onload="onLoad()">
+<body onload="onLoad()" style="height: 100%">
   <div id="editContainer">
     <form id="editPane" action="/note" autocomplete="off" method="POST">
       <input id="action" name="action" value="%ACTION%" type="hidden" />

resources/public/style.css

@@ -11,7 +11,6 @@ html, body {
 	margin: 0;
 	color: #333;
 	background: #fff;
-	height: 100%;
 }
 
 #hero {
@@ -140,8 +139,6 @@ h6 {
 }
 
 #dashed-line {
-	margin-bottom: 3em;
-	margin-top: 3em;
 	border-bottom: 1px dashed#888;
 }
 
@@ -231,12 +228,23 @@ td {
 	article, .central-element {
 		width: 800px;
 	}
+	#dashed-line {
+		margin-bottom: 3em;
+		margin-top: 3em;
+	}
 }
 
 @media screen and (max-width: 1023px) {
 	article, .central-element {
 		width: 90%;
 	}
+	#dashed-line {
+		margin-bottom: 0.5em;
+		margin-top: 0.5em;
+	}
+	#previewPane {
+		display: none;
+	}
 }
 
 #editContainer {