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) { }
+