Make help popup look better on small screens.

salilab · Oct 16, 2015 · 45bfde2 · 45bfde2
1 parent 2ee4189
commit 45bfde2
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/web/css/help.css b/web/css/help.css
@@ -356,3 +356,39 @@ h5 {
 .light {
         color: grey;
 }
+
+@media only screen and (max-device-width: 970px) {
+  html {
+    max-width: 970px;
+  }
+
+  #left {
+    display: none
+  }
+
+  #right {
+    float: left;
+    width: 100%;
+  }
+
+  #bodypart {
+    width: 100%;
+  }
+
+  #address {
+    width: 95%;
+  }
+
+  #container {
+    width: 100%;
+  }
+
+  #fullpart {
+    text-align: left;
+    width: 95%;
+    float: none;
+    right: 0px;
+    top: 0px;
+    padding: 7px 10px 10px 7px;
+  }
+}