overlay header as well for better focus

1 files changed, 11 insertions, 11 deletions

diff --git a/css/style.css b/css/style.css
index ba7cbe2..bc3111e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9,7 +9,7 @@
 	position: absolute;
 	top: 0;
 	width: 100%;
-	z-index: 1000;
+	z-index: 3000; /* because the top navigation is 2000 */
 }
 
 .ace-clouds .ace_marker-layer .ace_active-line {
@@ -40,20 +40,20 @@
 }
 
 #editor_container{
-    position: fixed;
-    top: 8%;
+	position: fixed;
+	top: 6%;
 	left: 15%;
 	width: 70%;
-    height: 88%;
-    z-index: 9999;
-    overflow: hidden;
-    background-color: #fff;
+	height: 88%;
+	z-index: 9999;
+	overflow: hidden;
+	background-color: #fff;
 	border-radius: 3px;
 	box-sizing: border-box;
 }
 
 #editor_container.hasPreview {
-	z-index: 1002;
+	z-index: 3002;
 	width: 100%;
 	height: 100%;
 	top: 0;
@@ -173,12 +173,12 @@
 
  #editor_overlay{
     position: fixed;
-    top: 0%;
-    left: 0%;
+    top: 0;
+    left: 0;
     width: 100%;
     height: 100%;
     background-color: black;
-    z-index:1001;
+    z-index: 3001;
     -moz-opacity: 0.7;
     opacity:.70;
     filter: alpha(opacity=70);