From 9ccaeb585ba5eee1c43a56ca1b042da528298a1b Mon Sep 17 00:00:00 2001
From: Luiza Pagliari <lpagliari@gmail.com>
Date: Thu, 2 Jul 2015 13:03:45 -0700
Subject: [PATCH] Fixing toolbar on top of the page for mobile devices

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

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index a7adf2619..d3a3b4885 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -1059,10 +1059,11 @@ input[type=checkbox] {
     #editorcontainer {
       margin-bottom: 33px
     }
-    .toolbar ul.menu_left {
-      right:0px;
+    /* cancel non-mobile border (will be defined on ".toolbar ul.menu_left" bellow) */
+    .toolbar {
+      border-bottom: 0;
     }
-    .toolbar ul.menu_right {
+    .toolbar ul {
       background: #f7f7f7;
       background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
       background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%);
@@ -1070,8 +1071,18 @@ input[type=checkbox] {
       background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
       background: linear-gradient(#f7f7f7, #f1f1f1 80%);
       width: 100%;
-      right:0px !important;
       overflow: hidden;
+    }
+    .toolbar ul.menu_left {
+      right:0px;
+      position: fixed;
+      top: 0;
+      padding-top: 4px;
+      border-bottom: 1px solid #ccc;
+      z-index: 10;
+    }
+    .toolbar ul.menu_right {
+      right:0px !important;
       height: 32px;
       position: fixed;
       bottom: 0;