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

2012-10-29 19:20:02 +00:00 · 2012-10-29 19:20:02 +00:00 · 4f85bf09cc
parent a770910a3a
commit 4f85bf09cc
1 changed files with 17 additions and 0 deletions
--- 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;