Better mobile formatting

assets/css/admin.css

@@ -1,7 +1,3 @@
-div.content {
-  margin-left: 150px;
-}
-
 div.bottom-space {
   margin-bottom: 15px;
 }

assets/css/gjvote.css

@@ -312,21 +312,46 @@ input.larger {
     background-color: #229af9;
     color: #FFFFFF;
   }
-
-  .content {
-    margin-left: 150px;
-  }
 }
 
+/* Small Screens */
 @media screen and (max-width:35.5em) {
   div.pure-control-group label.control-label {
     text-align: left;
   }
-}
-
-@media screen and (max-width:64em) and (min-width: 48em) {
-  div.pure-control-group label.control-label {
-    text-align: left;
+  .only-large {
+    display: none;
+  }
+  .only-small {
+    display: default;
+  }
+  .team-management-buttons {
+    text-align:left;
+  }
+  .team-management-buttons>.pure-button {
+    margin-top: 1em;
   }
 }
 
+/* Starting at Small, horizontal */
+@media screen and (min-width: 35.5em) {
+  div.content {
+    margin-left: 150px;
+  }
+  div.pure-control-group label.control-label {
+    text-align: left;
+  }
+  .only-small {
+    display: none;
+  }
+}
+
+/* Small Horizontal to Medium */
+@media screen and (min-width: 35.5em) and (max-width: 48em) { }
+
+/* Medium Screens */
+@media screen and (min-width: 48em) and (max-width:64em) { }
+
+/* Larger Screens */
+@media (min-width: 64em) { }
+

assets/js/gjvote.js

@@ -1,3 +1,26 @@
+(function(){
+  document.onkeydown = function(evt) {
+    evt = evt || window.event;
+    var isEscape = false;
+    if("key" in evt) {
+      isEscape = (evt.key == "Escape" || evt.key == "Esc");
+    } else {
+      isEscape = (evt.keyCode == 27);
+    }
+    if(isEscape) {
+      toggleAdminPanel();
+    }
+  }
+  document.querySelector('.menu-button').onclick = function() {
+    var mnu = document.querySelector('#menu .menu-container');
+    if(mnu.style.display == 'inline-block') {
+      mnu.style.display = 'none';
+    } else {
+      mnu.style.display = 'inline-block';
+    }
+  }
+})()
+
 function toggleAdminPanel() {
   var menu = document.querySelector('#menu');
   if(menu.classList.contains('hidden')) {
@@ -9,20 +32,6 @@ function toggleAdminPanel() {
   }
 }
 
-
-document.onkeydown = function(evt) {
-  evt = evt || window.event;
-  var isEscape = false;
-  if("key" in evt) {
-    isEscape = (evt.key == "Escape" || evt.key == "Esc");
-  } else {
-    isEscape = (evt.keyCode == 27);
-  }
-  if(isEscape) {
-    toggleAdminPanel();
-  }
-}
-
 function showModal(options) {
   var modal = document.getElementById('modal-overlay');
   document.getElementById('modal-title').innerText = (options.title)?options.title:"";