fix

android/app/src/main/assets/main.js

@@ -150,12 +150,8 @@ function loadStation(index) {
     // Fallback to single-letter/logo text
     logoImgEl.src = '';
     logoImgEl.classList.add('hidden');
-    const numberMatch = station.name.match(/\d+/);
-    if (numberMatch) {
-      logoTextEl.textContent = numberMatch[0];
-    } else {
-      logoTextEl.textContent = station.name.charAt(0).toUpperCase();
-    }
+      logoTextEl.textContent = String(station.name).trim();
+      logoTextEl.classList.add('logo-name');
     logoTextEl.classList.remove('hidden');
   }
 }

android/app/src/main/assets/styles.css

@@ -93,7 +93,7 @@ body {
     width: 100%;
     height: 100%;
     position: relative;
-    padding: 10px; /* Slight padding from window edges if desired, or 0 */
+    padding: 8px; /* Slight padding from window edges if desired, or 0 */
 }
 
 .glass-card {
@@ -107,7 +107,7 @@ body {
     border-radius: var(--card-radius);
     display: flex;
     flex-direction: column;
-    padding: 24px;
+    padding: 11px 24px 24px;
     box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
 }
 
@@ -120,6 +120,11 @@ header {
     -webkit-app-region: drag; /* Draggable area */
 }
 
+/* Nudge toolbar a bit higher */
+.header-top-row {
+    padding-top: 2px;
+}
+
 .header-info {
     text-align: center;
     flex: 1;
@@ -216,8 +221,8 @@ header {
 }
 
 .artwork-container {
-    width: 220px;
-    height: 220px;
+    width: 190px;
+    height: 190px;
     border-radius: 24px;
     padding: 6px; /* spacing for ring */
     background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0));
@@ -247,8 +252,11 @@ header {
     align-items: center;
     position: relative;
     overflow: hidden;
-    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
-}
+        left: 0;
+        right: 0;
+        bottom: 0;
+        height: 128px;
+        z-index: 2;
 
 .station-logo-text {
     font-size: 5rem;
@@ -260,6 +268,21 @@ header {
     z-index: 3;
 }
 
+.station-logo-text.logo-name {
+    font-size: clamp(1.1rem, 5.5vw, 2.2rem);
+    font-weight: 800;
+    font-style: normal;
+    max-width: 88%;
+    text-align: center;
+    line-height: 1.12;
+    padding: 0 12px;
+    overflow: hidden;
+    display: -webkit-box;
+    line-clamp: 2;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
 .station-logo-img {
     /* Fill the artwork placeholder while keeping aspect ratio and inner padding */
     width: 100%;
@@ -366,6 +389,7 @@ header {
     height: 4px;
     background: rgba(255,255,255,0.1);
     border-radius: 2px;
+    margin-top: 12px;
     margin-bottom: 30px;
     position: relative;
 }