From c11d2522fcc69c9e67ad86992e219734f9d49706 Mon Sep 17 00:00:00 2001
From: southafricanrob <rob@redsofa.co.za>
Date: Tue, 17 Mar 2015 13:05:44 +0200
Subject: [PATCH] Neaten up Right Side Settings Panel

Remove links to other musicbox's until ability to configure their IP's
in settings.
---
 .../static/css/jquery.mobile.flatui.css       |  2 ++
 mopidy_musicbox_webclient/static/index.html   | 19 ++++++++++---------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/mopidy_musicbox_webclient/static/css/jquery.mobile.flatui.css b/mopidy_musicbox_webclient/static/css/jquery.mobile.flatui.css
index 4df7022c..8a4fc941 100755
--- a/mopidy_musicbox_webclient/static/css/jquery.mobile.flatui.css
+++ b/mopidy_musicbox_webclient/static/css/jquery.mobile.flatui.css
@@ -346,6 +346,8 @@ input.ui-input-text.ui-slider-input {
 	border: 2px solid #eee !important;
 }
 
+#theme .ui-btn.ui-submit {display: inline-block; width: 45%}
+#theme-choose {color:white;margin-left:25%}
 /* corner rounding classes
 -----------------------------------------------------------------------------------------------------------*/
 
diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html
index cceb0b9f..4b42c135 100755
--- a/mopidy_musicbox_webclient/static/index.html
+++ b/mopidy_musicbox_webclient/static/index.html
@@ -200,11 +200,10 @@
 <!------------ right hand settings panel ------------>
 <div data-role="panel" id="panel2" data-position="right" data-theme="a" data-display="overlay" data-position-fixed="true" data-swipe-close="true" data-swipe-open="true">
   <ul class="ui-listview mainNav" data-role="listview" data-theme="a">
+<!--
           <h1 id="" >Players</h1>
 
-<!-- These hrefs should  be set in settings -->
       
-<!--<a href="#" data-rel="close" class="ui-icon ui-icon-delete ui-icon-shadow" >close</a>-->
         <li id="upstairs" data-icon="false">
             <a href="http://192.168.1.3">
                 <span class="navtxt">Upstairs </span><i class="fa  fa-music"></i></a>
@@ -218,7 +217,8 @@ <h1 id="" >Players</h1>
                 <span class="navtxt">Deck </span><i class="fa  fa-music"></i></a>
         </li>
       
-                <h1 id="" >&nbsp;</h1>
+-->
+        <h1 id="" >&nbsp;</h1>
 
         <li id="navSettings" data-icon="false">
                 <a href="/settings" onclick="toast('Loading...', 2000);">
@@ -235,18 +235,19 @@ <h1 id="" >&nbsp;</h1>
       
       </ul>
     <br>
-    	<a href="#"  data-role="button" data-rel="close" id="" data-transition="slidedown" data-theme="b">Close</a>
     <br>
     <br>
     <br>
     <br>
-        
     
-<form>
-<input type="submit" onclick="switch_style('dark');return false;" name="theme" value="Dark Theme" id="dark">
-<input type="submit" onclick="switch_style('light');return false;" name="theme" value="Light Theme" id="light">
-</form>
+<h4 id="theme-choose">Choose Theme</h4>    
+    <form id="theme">
+    <input type="submit" onclick="switch_style('dark');return false;" name="theme" value="Dark" id="dark">
+    <input type="submit" onclick="switch_style('light');return false;" name="theme" value="Light" id="light">
+    </form>
            
+        	<a href="#"  data-role="button" data-rel="close" id="" data-transition="slidedown" data-theme="b">Close</a>
+
 </div>
 <!------------ /right hand settings panel ------------>