styling fixes for mobile

2015-11-03 15:45:19 +01:00
parent cbbeadc4b0
commit 9acdf8c013
2 changed files with 13 additions and 5 deletions
@@ -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 {