make anything less than 400px span 2 lines on toolbar and make popups appear below this

1 files changed, 17 insertions, 0 deletions

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index df9dde14..5ee6b3c5 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -783,6 +783,23 @@ input[type=checkbox] {
       padding: 4px 1px
     }
 }
+@media screen and (max-width: 400px){
+  #editorcontainer { 
+    top: 68px;
+  }
+  #editbar { 
+    height: 62px;
+  }
+  .toolbar ul.menu_right { 
+    float: left;
+    margin-top:2px;
+  }
+  .popup {
+    width:100%;
+    max-width:300px;
+    top: 72px !important;
+  }
+}
 @media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
     #users {
       top: 36px;