From 6a2297f68a89ecd0ca550b60d6bbfe9eae701255 Mon Sep 17 00:00:00 2001
From: Robert Schumann <rs@n-os.org>
Date: Mon, 1 Jan 2018 18:13:35 +0100
Subject: [PATCH] few frontend fixes (mostly for iphone browser)

---
 public_html/css/raumserver_app.css |  6 ++++++
 public_html/index.html             |  2 +-
 public_html/js/main.js             | 12 +++++++-----
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/public_html/css/raumserver_app.css b/public_html/css/raumserver_app.css
index 3edd2ad..cffb66f 100644
--- a/public_html/css/raumserver_app.css
+++ b/public_html/css/raumserver_app.css
@@ -17,6 +17,12 @@ td.zone-room-list {
     padding-right: 2px;
     text-align: center;
 }
+td.zone-room-list-status {
+    padding-left: 2px;
+    padding-right: 2px;
+    text-align: center;
+    font-style: italic;
+}
 tr.zone-room-list {
     background: #D0D0D0;
 }
\ No newline at end of file
diff --git a/public_html/index.html b/public_html/index.html
index 7824610..ae6f9c1 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -35,7 +35,7 @@
         <div data-role="content">
             <h3>Controller</h3>
             <table id="player_control"></table>
-            <h3>Source</h3>
+            <h3>Quick Source</h3>
             <ul id="zone_source_list" data-role="listview" data-inset="true">
             </ul>            
             <h3>Rooms</h3>
diff --git a/public_html/js/main.js b/public_html/js/main.js
index 7c6aea5..59438df 100644
--- a/public_html/js/main.js
+++ b/public_html/js/main.js
@@ -207,8 +207,8 @@ function tableEntry(name, id, online, roomZoneId, isMute, transportState, curren
     td_toggle_mute.innerHTML = "<button style=\"font-size:110%\"><i onclick="+event+" class=\"fa fa-volume-off\"></i></button>";
     tr.appendChild(td_toggle_mute);
     var td_status = document.createElement("td");
-    td_status.className = "ui-btn-text zone-room-list";
-    td_status.innerHTML = transportState;
+    td_status.className = "ui-btn-text zone-room-list zone-room-list-status";
+    td_status.innerHTML = transportState.toLowerCase();
     tr.appendChild(td_status);
     return tr;
 }
@@ -495,16 +495,18 @@ var AppRouter = Backbone.Router.extend({
     updatePlayer: function() {
         var player = document.getElementById("player_control");
         var player_row = document.createElement("tr");
+        var volume_row = document.createElement("tr");
         player.appendChild(player_row);
+        player.appendChild(volume_row);
         player_row.appendChild(playerButton('fa-backward','prev',{id: getUrlParam('id')}));
         player_row.appendChild(playerButton('fa-play','play',{id: getUrlParam('id')}));
         player_row.appendChild(playerButton('fa-pause','pause',{id: getUrlParam('id')}));
         player_row.appendChild(playerButton('fa-forward','next',{id: getUrlParam('id')}));
         player_row.appendChild(playerButton('fa-stop','stop',{id: getUrlParam('id')}));
         player_row.appendChild(playerButton('fa-repeat','setPlayMode',{id: getUrlParam('id'), mode:'REPEAT_ALL'}));
-        player_row.appendChild(playerButton('fa-volume-down','volumeDown',{id: getUrlParam('id'), scope:'zone', value:'2'}));
-        player_row.appendChild(playerButton('fa-volume-up','volumeUp',{id: getUrlParam('id'), scope:'zone', value:'2'}));
-        player_row.appendChild(playerButton('fa-volume-off','toggleMute',{id: getUrlParam('id'), scope:'zone'}));
+        volume_row.appendChild(playerButton('fa-volume-down','volumeDown',{id: getUrlParam('id'), scope:'zone', value:'2'}));
+        volume_row.appendChild(playerButton('fa-volume-up','volumeUp',{id: getUrlParam('id'), scope:'zone', value:'2'}));
+        volume_row.appendChild(playerButton('fa-volume-off','toggleMute',{id: getUrlParam('id'), scope:'zone'}));
     },
 
     changePage: function (page) {