styling fixes for mobile

10 years ago · 9acdf8c013
2 changed files with 13 additions and 5 deletions
--- a/resources/edit.html
+++ b/resources/edit.html
@ -1,5 +1,5 @@
				@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html style="height: 100%">

 <head>
  <title>NoteHub &mdash; New Page</title>
@ -11,7 +11,7 @@
				@@ -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" />
--- a/resources/public/style.css
+++ b/resources/public/style.css
@ -11,7 +11,6 @@ html, body {
				@@ -11,7 +11,6 @@ html, body {
 	margin: 0;
 	color: #333;
 	background: #fff;
-	height: 100%;
 }

 #hero {
@ -140,8 +139,6 @@ h6 {
				@@ -140,8 +139,6 @@ h6 {
 }

 #dashed-line {
-	margin-bottom: 3em;
-	margin-top: 3em;
 	border-bottom: 1px dashed#888;
 }

@ -231,12 +228,23 @@ td {
				@@ -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 {