From d74939f7546a24b72cc0a5c1f82e8631bc1e5362 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niklas=20F=C3=A4th?= <niklas.faeth@yahoo.de>
Date: Thu, 21 Nov 2019 10:57:55 +0100
Subject: [PATCH] Update Layout

---
 src/nowplaying.html | 30 +++++++++++++-----------------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/nowplaying.html b/src/nowplaying.html
index e41dab60c..2e3286511 100644
--- a/src/nowplaying.html
+++ b/src/nowplaying.html
@@ -74,38 +74,35 @@
                 </div>
             </div>
         </div>
-
         <div class="navigationSection">
+            <br />
             <div>
-                <button is="paper-icon-button-light" class="btnArrowUp btnCommand autoSize" title="${ButtonArrowUp}" data-command="MoveUp">
+                <button is="paper-icon-button-light" class="btnArrowUp btnCommand autoSize raised" title="${ButtonArrowUp}" data-command="MoveUp">
                     <i class="md-icon">keyboard_arrow_up</i>
                 </button>
             </div>
+                <br />
             <div>
-                <button is="paper-icon-button-light" class="btnArrowLeft btnCommand autoSize" title="${ButtonArrowLeft}" data-command="MoveLeft">
+                <button is="paper-icon-button-light" class="btnArrowLeft btnCommand autoSize raised" title="${ButtonArrowLeft}" data-command="MoveLeft">
                     <i class="md-icon">keyboard_arrow_left</i>
                 </button>
-
-                <button is="paper-icon-button-light" class="btnOk btnCommand autoSize" title="${ButtonOk}" data-command="Select">
-                    <i class="md-icon">check</i>
+                <button is="paper-icon-button-light" class="btnOk btnCommand autoSize raised" title="${ButtonOk}" data-command="Select">
+                    <i class="md-icon">keyboard_return</i>
                 </button>
-
-                <button is="paper-icon-button-light" class="btnArrowRight btnCommand autoSize" title="${ButtonArrowRight}" data-command="MoveRight">
+                <button is="paper-icon-button-light" class="btnArrowRight btnCommand autoSize raised" title="${ButtonArrowRight}" data-command="MoveRight">
                     <i class="md-icon">keyboard_arrow_right</i>
                 </button>
             </div>
-            <div>
-                <button is="paper-icon-button-light" class="btnArrowDown btnCommand autoSize" title="${ButtonArrowDown}" data-command="MoveDown">
-                    <i class="md-icon">keyboard_arrow_down</i>
-                </button>
-            </div>
+            <br />
             <div>
                 <button is="paper-icon-button-light" class="btnBack btnCommand autoSize" title="${ButtonBack}" data-command="Back">
-                    <i class="md-icon">&#xE5C4;</i>
+                    <i class="md-icon">arrow_back</i>
+                </button>
+                <button is="paper-icon-button-light" class="btnArrowDown btnCommand autoSize raised" title="${ButtonArrowDown}" data-command="MoveDown">
+                    <i class="md-icon">keyboard_arrow_down</i>
                 </button>
-
                 <button is="paper-icon-button-light" class="btnInfo btnCommand autoSize" title="${ButtonInfo}" data-command="ToggleContextMenu">
-                    <i class="md-icon">info</i>
+                    <i class="md-icon">menu</i>
                 </button>
             </div>
             <br />
@@ -113,7 +110,6 @@
                 <button is="paper-icon-button-light" class="btnGoHome btnCommand autoSize" title="${ButtonHome}" data-command="GoHome">
                     <i class="md-icon">home</i>
                 </button>
-
                 <button is="paper-icon-button-light" class="btnShowSearch btnCommand autoSize" title="${ButtonSearch}" data-command="GoToSearch">
                     <i class="md-icon">search</i>
                 </button>