web intf: move style decl to css

diff --git a/share/lua/http/css/main.css b/share/lua/http/css/main.css
index 6a77e009e8a740f688ccca3eb580ecbcbfd6711f..82cd04cd9f895988e381eb5691e81c1038708b7c 100644 (file)
--- a/share/lua/http/css/main.css
+++ b/share/lua/http/css/main.css
@@ -30,7 +30,8 @@ body{
        width: 500px;
 }
 #seekSlider{
-       width: 90%;
+       width: 98%;
+       margin-left:10px;
 }
 #volumeSlider{
        width: 100px;
@@ -79,6 +80,9 @@ body{
        margin: 0;
        padding: 0;
 }
+#buttonszone li{
+       float: left;
+}
 
 #volumesliderzone{
        position: absolute;

diff --git a/share/lua/http/index.html b/share/lua/http/index.html
index 7946dc79afc949436a5fdec24a595e7c354e521b..458d53d4a8b32cad8629fb77dc6359b7834f1980 100644 (file)
--- a/share/lua/http/index.html
+++ b/share/lua/http/index.html
@@ -208,12 +208,12 @@
                                                <li id="buttonSout" class="button48  ui-corner-all" title="Easy Stream"></li>
                                        </ul>
                                        <ul id="buttonszone">
-                                               <li id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Library" style="float: left;"><span class="ui-icon ui-icon-note"></span></li>
-                                               <li id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Viewer" style="float: left;"><span class="ui-icon ui-icon-video"></span></li>
-                                               <li id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="Manage Streams" style="float: left;"><span class="ui-icon ui-icon-script"></span></li>
-                                               <li id="buttonOffsets" class="button ui-widget ui-state-default ui-corner-all" title="Track Synchronisation" style="float: left;"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
-                                               <li id="buttonEqualizer" class="button ui-widget ui-state-default ui-corner-all" title="Equalizer" style="float: left;"><span class="ui-icon ui-icon-signal"></span></li>
-                                               <li id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="VLM Batch Commands" style="float: left;"><span class="ui-icon ui-icon-suitcase"></span></li>
+                                               <li id="buttonPlayList" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Library"><span class="ui-icon ui-icon-note"></span></li>
+                                               <li id="buttonViewer" class="button ui-widget ui-state-default ui-corner-all" title="Hide / Show Viewer"><span class="ui-icon ui-icon-video"></span></li>
+                                               <li id="buttonStreams" class="button ui-widget ui-state-default ui-corner-all" title="Manage Streams"><span class="ui-icon ui-icon-script"></span></li>
+                                               <li id="buttonOffsets" class="button ui-widget ui-state-default ui-corner-all" title="Track Synchronisation"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
+                                               <li id="buttonEqualizer" class="button ui-widget ui-state-default ui-corner-all" title="Equalizer"><span class="ui-icon ui-icon-signal"></span></li>
+                                               <li id="buttonBatch" class="button ui-widget ui-state-default ui-corner-all" title="VLM Batch Commands"><span class="ui-icon ui-icon-suitcase"></span></li>
                                        </ul>
                                        <div id="volumesliderzone">
                                                <div id="volumeSlider" title="Volume"><img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/></div>
@@ -224,7 +224,7 @@
                                        </div>
                                        <div id="mediaTitle" class="dynamic"></div>
                                        <div id="seekContainer">
-                                               <div id="seekSlider" title="Seek Time" style="width:98%; margin-left:10px;"></div>
+                                               <div id="seekSlider" title="Seek Time"></div>
                                                <div id="currentTime" class="dynamic">00:00:00</div>
                                                <div id="totalTime" class="dynamic">00:00:00</div>
                                        </div>