Merge pull request #426 from browngraphicslab/mobile_revision_direct

Dash Mobile

1 files changed, 31 insertions, 0 deletions

diff --git a/src/client/views/AntimodeMenu.scss b/src/client/views/AntimodeMenu.scss
index e56574bb7..be21cec12 100644
--- a/src/client/views/AntimodeMenu.scss
+++ b/src/client/views/AntimodeMenu.scss
@@ -42,4 +42,35 @@
         background-repeat: no-repeat;
         background-position: left center;
     }
+}
+
+@media only screen and (max-device-width: 480px) {
+    .antimodeMenu-cont {
+        height: 100px;
+        width: 100vw;
+
+        &.with-rows {
+            flex-direction: column-reverse;
+        }
+
+        .antimodeMenu-row {
+            display: flex;
+            height: 100%;
+            width: 100%;
+        }
+
+        .antimodeMenu-button {
+            background-color: transparent;
+            width: 100px;
+            height: 100px;
+
+            &.active {
+                background-color: #121212;
+            }
+        }
+
+        .antimodeMenu-button:hover {
+            background-color: #121212;
+        }
+    }
 }
\ No newline at end of file