From 53887db872bb482e035ac331dfec70aad1c81a83 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Sat, 29 Nov 2014 00:26:25 +0000
Subject: [PATCH 1/4] mobile ui polish

---
 src/static/css/pad.css | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 8b7e8258..177ce91e 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -967,9 +967,10 @@ input[type=checkbox] {
 }
 @media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
     #users {
-      top: 36px;
-      bottom: 40px;
-      border-radius: none;
+      top: auto;
+      right:0px !important;
+      bottom: 33px;
+      border-radius: 0px !important;
     }
     #mycolorpicker {
       left: -73px;
@@ -989,6 +990,7 @@ input[type=checkbox] {
       background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
       background: linear-gradient(#f7f7f7, #f1f1f1 80%);
       width: 100%;
+      right:0px !important;
       overflow: hidden;
       height: 32px;
       position: fixed;
@@ -1008,8 +1010,16 @@ input[type=checkbox] {
     .toolbar ul li a.selected {
       background: none !important
     }
-    #chaticon, #timesliderlink {
-      display: none !important
+    li[data-key="showusers"] > a {
+      
+      margin-top:-10px;
+      padding-top:2px !important;
+      line-height:20px;
+      vertical-align:top !important;
+    }
+    #chaticon {
+      position:absolute;
+      right:48px;
     }
     .popup {
       -webkit-border-radius: 0;
@@ -1022,11 +1032,11 @@ input[type=checkbox] {
       width: 100%;
     }
     #settings,
-    #importexport,
+    #import_export,
     #connectivity,
     #embed {
+      top:auto;
       left: 0;
-      top: 0;
       bottom: 33px;
       right: 0;
     }
@@ -1036,6 +1046,10 @@ input[type=checkbox] {
     #online_count {
       line-height: 24px
     }
+    #chatbox{
+      position:absolute;
+      bottom:33px;
+    }
 }
 
 #passwordRequired{

From 34f76257396663b5cce19e75b0f91e394922e233 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Sat, 29 Nov 2014 00:30:13 +0000
Subject: [PATCH 2/4]  a little more polish

---
 src/static/css/pad.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 177ce91e..0ec2a5f5 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -1050,6 +1050,10 @@ input[type=checkbox] {
       position:absolute;
       bottom:33px;
     }
+    #gritter-notice-wrapper{
+      bottom:43px !important;
+      right:10px !important;
+    }
 }
 
 #passwordRequired{

From ee585f045755a36e468a10dc73d29755cfc9ec93 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Sat, 29 Nov 2014 00:32:37 +0000
Subject: [PATCH 3/4] color picker on mobile actually shows on screen

---
 src/static/css/pad.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 0ec2a5f5..57575eca 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -974,6 +974,8 @@ input[type=checkbox] {
     }
     #mycolorpicker {
       left: -73px;
+      top:auto !important;
+      bottom:33px !important;
       /* #mycolorpicker: width -#users: width */;
     }
     #editorcontainer {

From ed96c13a1f4a7faa41c6437c9b65aa349a170c28 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Sat, 29 Nov 2014 00:54:06 +0000
Subject: [PATCH 4/4] minor ui polish

---
 src/static/js/pad_editbar.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/static/js/pad_editbar.js b/src/static/js/pad_editbar.js
index 76a79a62..7e750a3e 100644
--- a/src/static/js/pad_editbar.js
+++ b/src/static/js/pad_editbar.js
@@ -180,8 +180,8 @@ var padeditbar = (function()
       return this;
     },
     redrawHeight: function(){
-      var editbarHeight = $('.menu_left').height() + 2 + "px";
-      var containerTop = $('.menu_left').height() + 7 + "px";
+      var editbarHeight = $('.menu_left').height() + 1 + "px";
+      var containerTop = $('.menu_left').height() + 6 + "px";
       $('#editbar').css("height", editbarHeight);
 
       $('#editorcontainer').css("top", containerTop);