Hide options panel on mobile

2015-01-11 17:45:58 -05:00
parent b702bec1ec
commit 0bf8d2847d
2 changed files with 17 additions and 12 deletions
--- a/css/main.css
+++ b/css/main.css
@@ -158,10 +158,13 @@ img { width: auto; max-width: 100%; height: auto; }
 .hide-mobile {
  display: none;
 }
+.hide-desktop {
+  display: initial;
+}

@media (min-width: 40rem) {
  .hide-desktop { display: none }
-  .hide-mobile { }
+  .hide-mobile { display: initial }
 }

 /*****************************************************************************/
@@ -439,9 +442,9 @@ a.no-decoration:hover {
 /*
 /*****************************************************************************/

-i.icon {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+div.controls-tab button {
+  width: 28px;
+  height: 28px;
 }

 div.options-panel {