More changes

index.html

@@ -57,9 +57,9 @@
 
 </section> -->
 
-<svg viewBox="0 0 100 1" xmlns="http://www.w3.org/2000/svg" id="tab-indicator">
+<svg viewBox="0 0 100 2" xmlns="http://www.w3.org/2000/svg" id="tab-indicator">
     <!-- No dashes nor gaps -->
-    <line x1="0" y1="0" x2="100" y2="0" stroke-width="2" id="tab-indicator-line" />
+    <line x1="0" y1="0" x2="100" y2="0" stroke-width="3" id="tab-indicator-line" />
 </svg>
 <!-- <header id="tabs"></header> -->
 <!-- <header>
@@ -68,25 +68,29 @@
 <main id="main">
 <section class="player">
 
-<img>
-<header id="track-title">Bocce</header>
-<cite id="track-artist">Patricia Taxxon</cite>
+<img id="track-cover">
+<cite id="track-title">No Track Selected</cite>
+<cite id="track-artist">Unknown Artist</cite>
 
-<code id="timestamp">00:00</code>
-<code id="track-length">00:00</code>
+<code id="timestamp">--:--</code>
+<code id="track-length">--:--</code>
 
 </section>
 <section class="browser">
 
-<header class="top">Browser</header>
-<menu id="browser-menu"></menu>
+<header>
+<h4>Browser</h4>
+</header>
+<menu id="browser"></menu>
 
 </section>
 <section class="queue">
 
+<header>
+<h4>Queue</h4>
 
-<header class="top">Queue</header>
-<menu id="queue-menu"></menu>
+</header>
+<menu id="queue"></menu>
 
 </section>
 <section id="loading">
@@ -97,10 +101,9 @@
 </section>
 
 </main>
-<svg class="progress" viewBox="0 0 100 1" xmlns="http://www.w3.org/2000/svg">
-
-<path id="progress" d="M 0 1 L 100 1" stroke-width=1 stroke="currentColor"/>
-
+<svg viewBox="0 0 100 1" xmlns="http://www.w3.org/2000/svg" class="progress">
+    <!-- No dashes nor gaps -->
+    <line x1="0" y1="0" x2="100" y2="0" stroke="currentColor" stroke-width="3" id="playback-progress" />
 </svg>
 <nav>