removed unused battery div from toolbar (maybe part or the wrapping problem?); make drawers the full hight; prevent wrapping of title text

Jason Calabrese · Jason Calabrese · commit 22678fd5727e · 2014-09-18T19:02:45.000-07:00
diff --git a/static/css/drawer.css b/static/css/drawer.css
@@ -5,7 +5,7 @@
     color: #eee;
     display: none;
     font-size: 16px;
-    height: calc(100% - 45px);
+    height: 100%;
     overflow-y: auto;
     position: absolute;
     margin-top: 45px;
@@ -25,7 +25,7 @@
     color: #eee;
     display: none;
     font-size: 16px;
-    height: calc(100% - 45px);
+    height: 100%;
     overflow-y: auto;
     position: absolute;
     margin-top: 45px;
@@ -144,6 +144,10 @@ h1, legend,
     margin-top: 0;
     margin-left: 42px;
     padding-top: 10px;
+    padding-right: 150px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
 }
 #buttonbar {
     padding-right: 10px;
@@ -153,12 +157,7 @@ h1, legend,
     position: absolute;
     right: 0;
 }
-#buttonbar div {
-    border-radius: 5px;
-    float: left;
-    height: 44px;
-    width: 44px;
-}
+
 #buttonbar a,
 #buttonbar i {
     color: #ccc;
diff --git a/static/index.html b/static/index.html
@@ -8,13 +8,12 @@
         <link href="/images/round1.png" rel="icon" id="favicon" type="image/png" />
         <link rel="stylesheet" type="text/css" href="/css/main.css?v=0.4.2" />
         <link rel="stylesheet" type="text/css" href="/css/dropdown.css" />
-        <link rel="stylesheet" type="text/css" href="/css/drawer.css?v=0.4.2" />
+        <link rel="stylesheet" type="text/css" href="/css/drawer.css?v=0.4.2b" />
         <link rel="stylesheet" type="text/css" href="/bower_components/tipsy-jmalonzo/src/stylesheets/tipsy.css" />
     </head>
     <body>
         <div id="toolbar">
             <div id="buttonbar">
-                <div style="visibility:hidden" id="battery" class="tip" original-title="Uploader Battery 75%"><i class="icon-battery-75"></i></div>
                 <a id="testAlarms" class="tip" original-title="Alarm Test / Smartphone Enable" href="#"><i class="icon-volume"></i></a>
                 <a id="hideToolbar" class="tip" original-title="Hides the toolbar" href="#"><i class="icon-angle-double-up"></i></a>
                 <a id="drawerToggle" class="tip" original-title="Settings" href="#"><i class="icon-cog"></i></a>
