From 7d04d7309f872dca337c8a648aff9f1aee5cd370 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Thu, 6 Nov 2014 14:32:20 +0000
Subject: [PATCH] reflow buttons based on browser size, much better

---
 src/static/css/pad.css | 43 +++++++++++++++++++++++++++++-------------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 599b9fd4..228c035f 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -59,7 +59,7 @@ a img {
   height: 32px;
 }
 .toolbar ul {
-  position: relative;
+  position: absolute;
   list-style: none;
   padding-right: 3px;
   padding-left: 1px;
@@ -67,9 +67,6 @@ a img {
   overflow: hidden;
   float: left
 }
-.toolbar ul.menu_right {
-  float: right
-}
 .toolbar ul li {
   float: left;
   margin-left: 2px;
@@ -84,6 +81,7 @@ a img {
   visibility: hidden;
   width: 0px;
   padding: 5px;
+  height:20px;
 }
 .toolbar ul li a:hover {
   text-decoration: none;
@@ -164,6 +162,15 @@ a img {
   border: 1px solid #ccc;
   outline: none;
 }
+.toolbar ul.menu_left {
+  left:0px;
+  right:250px;
+}
+  
+.toolbar ul.menu_right {
+  right:0px;
+}
+
 li[data-key=showusers] > a {
   min-width: 30px;
   text-align: left;
@@ -843,12 +850,16 @@ input[type=checkbox] {
   width: 185px !important;
 }
 @media screen and (max-width: 600px) {
-    .toolbar ul li.separator {
-      display: none;
-    }
-    .toolbar ul li a {
-      padding: 4px 1px
-    }
+  .toolbar ul li.separator {
+    display: none;
+  }
+  .toolbar ul li a {
+    padding: 4px 1px
+  }
+  .toolbar ul.menu_left {
+    left:0px;
+    right:150px;
+  }
 }
 @media all and (max-width: 400px){
   #gritter-notice-wrapper{
@@ -894,9 +905,13 @@ input[type=checkbox] {
   #editbar {
     height: 62px;
   }
+  .toolbar ul.menu_left {
+    left:0px;
+    right:100px;
+  }
+  
   .toolbar ul.menu_right {
-    float: left;
-    margin-top:2px;
+    right:0px;
   }
   .popup {
     width:100%;
@@ -917,6 +932,8 @@ input[type=checkbox] {
     #editorcontainer {
       margin-bottom: 33px
     }
+    .toolbar ul.menu_left {
+    }
     .toolbar ul.menu_right {
       background: #f7f7f7;
       background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
@@ -1076,4 +1093,4 @@ input[type=checkbox] {
   text-shadow: none;
 }
 
-/* End of gritter stuff */
\ No newline at end of file
+/* End of gritter stuff */