controls: swap play/stop buttons to match classic winamp layout
[chrome-ext/music-player-client.git] / main.html
index 1af66ee99690d7f690b85b314d2776bdd4c9c3b7..89489d8a98a3707884b7d624a4f1d165b4945297 100644 (file)
--- a/main.html
+++ b/main.html
@@ -36,6 +36,11 @@ table.tabs td.selected {
        background-color: white;
 }
 
+table#playlist td {
+       border-left: black solid 1px;
+       padding-right: 0.5em;
+}
+
 /* Get the tabs to float at the bottom */
 html, body {
        height: 100%;
@@ -62,11 +67,11 @@ div#footer {
 
 <div class='main' id='main.controls'>
 <table>
- <tr>
+ <tr style='whitespace:collapse'>
   <td>
-   <input type='button' id='previous' value='&#x21E6;'><input type='button' id='stop' value='&#x25FB;'><input type='button' id='pause' value='&#x25EB;'><input type='button' id='play' value='&#x25B7;'><input type='button' id='next' value='&#x21E8;'>
+   <input type='button' id='previous' value='&#x21E6;'><input type='button' id='play' value='&#x25B7;'><input type='button' id='pause' value='&#x25EB;'><input type='button' id='stop' value='&#x25FB;'><input type='button' id='next' value='&#x21E8;'>
   </td>
-  <td style='whitespace:collapse'>
+  <td>
    <input type='button' id='repeat' value='&#x221E;'><input type='button' id='random' value='&reg;'><input type='button' id='single' value='&sect;'><input type='button' id='consume' value='&copy;'>
   </td>
  </tr>
@@ -79,9 +84,10 @@ div#footer {
   </td>
  </tr>
  <tr>
-  <td colspan=2>
-   <span id='status'>Loading...</span>
+  <td id='status'>
+   Loading...
   </td>
+  <td id='currtime'></td>
  </tr>
 </table>
 </div>
@@ -119,6 +125,10 @@ div#footer {
 <span id='metadata.file'></span>
 </div>
 
+<div class='main' id='main.playlist' style='display: none'>
+<table id='playlist'></table>
+</div>
+
 </div>
 
 <div id='footer'>
@@ -126,6 +136,7 @@ div#footer {
  <tr>
   <td id='tab.controls' class='selected'>Controls</td>
   <td id='tab.metadata'>Metadata</td>
+  <td id='tab.playlist'>Playlist</td>
   <td id='tab.options'>Options</td>
  </tr>
 </table>