Merge pull request #149 from jcass77/fix/148_realign_titlebar_buttons

Realign titlebar buttons.

I think I'm just going to go ahead and merge this as it is only a small layout change, and so that we can get it tested on more devices.

README.rst

@@ -103,6 +103,8 @@ v2.1.0 (UNRELEASED)
 - Fix vertical alignment of playback control buttons in footer.
 - Increase width of header so that more text can be rendered in the title bar.
   (Fixes: `#144 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/144>`_).
+- Re-align the menu and search buttons in the title bar.
+  (Fixes: `#148 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/148>`_).
 
 
 v2.0.0 (2015-03-26)

mopidy_musicbox_webclient/static/css/webclient.css

@@ -129,14 +129,11 @@
     color:white;
 }
 
-#headermenubtn{
+#headermenubtn {
-    width: 50px;
+    padding-top: 2px;
 }
-#headersearchbtn{
+
-    text-align: right;
+#headersearchbtn span {
-}
-#headersearchbtn .ui-btn-inner{
-    padding: 6px;
     font-size: 15px;
 }
 

mopidy_musicbox_webclient/static/index.html

@@ -224,9 +224,9 @@
 
 
 <div data-role="header" data-tap-toggle="false" id="header" data-position="fixed" class="header-breakpoint headerbtn">
-    <a href="#panel" style="padding-top: 2px;" id="headermenubtn"><i class="fa fa-align-justify"></i></a>
+    <a id="headermenubtn" href="#panel"><i class="fa fa-align-justify"></i></a>
     <h1 id="contentHeadline">Musicbox</h1>
-    <a id="headersearchbtn" href="#" class="ui-btn-icon-right headerbtn" onclick="switchContent('search' ); return false;" title="Search"><i class="fa fa-search"></i></a>
+    <a id="headersearchbtn" href="#" onclick="switchContent('search' ); return false;" title="Search"><i class="fa fa-search"></i></a>
 </div>
 <!-- /header -->
 

mopidy_musicbox_webclient/static/mb.manifest

@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2016-01-28:v2
+# 2016-01-30:v1
 
 NETWORK:
 *