CSS fix

hourglass/client/main/main.css

@@ -29,6 +29,8 @@ html {
 	height: 100%;
 	overflow: hidden;
 
+	pointer-events: all;
+
 	/*background-image: url("Hourglass.png");
 	background-size: 1920px 1080px;*/
 
@@ -79,6 +81,8 @@ html {
 body {
 	height: 100%;
 	margin: 0;
+
+	pointer-events: all;
 }
 
 header {
@@ -205,7 +209,7 @@ input, textarea {
 	box-shadow: 2px 2px 5px 3px #666;
 
 	position: absolute;
-	z-index:0;
+	z-index: 1;
 	overflow: hidden;
 	
 	-webkit-transition: margin 0.5s ease, background-color 0.5s ease;  
@@ -641,7 +645,6 @@ input, textarea {
 	width: 100%;
 	height: 100%;
 	position: absolute;
-	z-index: -1;
 
 	-webkit-transition: opacity 0.4s ease;  
 	-moz-transition: opacity 0.4s ease; 

hourglass/client/main/main.html

@@ -4,7 +4,6 @@
 </head>
 
 <template name="main">
-    {{> loginButtons}}
     <header style="background-color:{{divColor 'header'}}{{textColor}}{{defaultMode}}{{refetchEvents}}">
         <div id="aboveBar">
             <i class="fa fa-bars" aria-hidden="true" style="color:{{iconColor 'menu'}}"></i>
@@ -203,6 +202,7 @@
             </div>
         </div>
     </div>
+    {{> loginButtons}}
 </template>
 
 <template name="sidebarClasses">