fleshed out subsonic more

frontend/src/pages/library.rs

@@ -37,6 +37,7 @@ pub fn library_page() -> Html {
 
     // Measure DOM heights after render and set spacer flex-grow values directly.
     // Must be called before any early returns to maintain consistent hook order.
+    const SCROLL_TRACK_FONT_PX: f64 = 18.0;
     {
         let artist_count = artists.as_ref().map(|a| a.len()).unwrap_or(0);
         use_effect_with(artist_count, move |_| {
@@ -126,7 +127,7 @@ pub fn library_page() -> Html {
                                                 .style()
                                                 .set_property("height", &format!("{pct:.2}%"));
                                             // Hide text if cell is too short to fit it
-                                            if px < 18.0 {
+                                            if px < SCROLL_TRACK_FONT_PX {
                                                 let _ = el.style().set_property("font-size", "0");
                                             }
                                         }

frontend/style.css

@@ -462,7 +462,7 @@ tr[draggable="true"]:active { cursor: grabbing; }
 }
 .scroll-track-letter {
     pointer-events: auto;
-    font-size: 1.2rem;
+    font-size: 18px;
     font-weight: 600;
     color: var(--text-secondary);
     cursor: pointer;