From aa84ff447077557b46312e10a46f933270a28211 Mon Sep 17 00:00:00 2001
From: Luis Pereira <luispereira.tkd@gmail.com>
Date: Sat, 22 Nov 2025 16:52:49 +0000
Subject: [PATCH] fix: improve live stream text proportions

Conflicts:
	static/asteroid.css
---
 template/front-page-content.ctml | 26 +++++++++++++-------------
 template/front-page.ctml         | 18 +++++++++---------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/template/front-page-content.ctml b/template/front-page-content.ctml
index 904d914..34b63f1 100644
--- a/template/front-page-content.ctml
+++ b/template/front-page-content.ctml
@@ -51,25 +51,25 @@
       </div>
       
       <nav class="nav">
-        <a href="/asteroid/content" target="content-frame">Home</a>
-        <a href="/asteroid/player-content" target="content-frame">Player</a>
-        <a href="/asteroid/status" target="content-frame">Status</a>
-        <a href="/asteroid/profile" target="content-frame" data-show-if-logged-in>Profile</a>
-        <a href="/asteroid/admin" target="content-frame" data-show-if-admin>Admin</a>
-        <a href="/asteroid/login" target="content-frame" data-show-if-logged-out>Login</a>
-        <a href="/asteroid/register" target="content-frame" data-show-if-logged-out>Register</a>
-        <a href="/asteroid/logout" data-show-if-logged-in class="btn-logout">Logout</a>
+          <a href="/asteroid/content" target="content-frame">Home</a>
+          <a href="/asteroid/player-content" target="content-frame">Player</a>
+          <a href="/asteroid/status" target="content-frame">Status</a>
+          <a href="/asteroid/profile" target="content-frame" data-show-if-logged-in>Profile</a>
+          <a href="/asteroid/admin" target="content-frame" data-show-if-admin>Admin</a>
+          <a href="/asteroid/login" target="content-frame" data-show-if-logged-out>Login</a>
+          <a href="/asteroid/register" target="content-frame" data-show-if-logged-out>Register</a>
+          <a href="/asteroid/logout" data-show-if-logged-in class="btn-logout">Logout</a>
       </nav>
     </header>
 
     <main>
       <div class="live-stream">
           <h2 style="color: #00ff00; margin: 0;"><span class="live-stream-indicator" style="font-size: 1rem;">🟢</span> LIVE STREAM</h2>
-        <input type="hidden" id="stream-base-url" lquery="(val stream-base-url)">
-        <p><strong class="live-stream-label">Stream URL:</strong> <code id="stream-url" lquery="(text default-stream-url)"></code></p>
-        <p><strong class="live-stream-label">Stream Quality:</strong> <span id="stream-format" lquery="(text default-stream-encoding-desc)"></span></p>
-        <p><strong class="live-stream-label">BROADCASTING:</strong> <span id="stream-status" style="">Asteroid music for Hackers</span></p>
-        <p class="frame-enable-message"><em>The live stream player is now in the persistent bar at the bottom of the page</em></p>
+          <input type="hidden" id="stream-base-url" lquery="(val stream-base-url)">
+          <p><strong class="live-stream-label">Stream URL:</strong> <code id="stream-url" lquery="(text default-stream-url)"></code></p>
+          <p><strong class="live-stream-label">Stream Quality:</strong> <span id="stream-format" lquery="(text default-stream-encoding-desc)"></span></p>
+          <p><strong class="live-stream-label">BROADCASTING:</strong> <span id="stream-status" style="">Asteroid music for Hackers</span></p>
+          <p class="frame-enable-message"><em>The live stream player is now in the persistent bar at the bottom of the page</em></p>
       </div>
       
       <div id="now-playing" class="now-playing"></div>
diff --git a/template/front-page.ctml b/template/front-page.ctml
index b8cd620..e5bf958 100644
--- a/template/front-page.ctml
+++ b/template/front-page.ctml
@@ -51,21 +51,21 @@
       </div>
       
       <nav class="nav">
-        <a href="/asteroid/">Home</a>
-        <a href="/asteroid/player">Player</a>
-        <a href="/asteroid/status">Status</a>
-        <a href="/asteroid/profile" data-show-if-logged-in>Profile</a>
-        <a href="/asteroid/admin" data-show-if-admin>Admin</a>
-        <a href="/asteroid/login" data-show-if-logged-out>Login</a>
-        <a href="/asteroid/register" data-show-if-logged-out>Register</a>
-        <a href="/asteroid/logout" data-show-if-logged-in class="btn-logout">Logout</a>
+          <a href="/asteroid/">Home</a>
+          <a href="/asteroid/player">Player</a>
+          <a href="/asteroid/status">Status</a>
+          <a href="/asteroid/profile" data-show-if-logged-in>Profile</a>
+          <a href="/asteroid/admin" data-show-if-admin>Admin</a>
+          <a href="/asteroid/login" data-show-if-logged-out>Login</a>
+          <a href="/asteroid/register" data-show-if-logged-out>Register</a>
+          <a href="/asteroid/logout" data-show-if-logged-in class="btn-logout">Logout</a>
       </nav>
     </header>
 
     <main>
       <div class="live-stream">
         <div style="margin-bottom: 20px;">
-          <h2 style="color: #00ff00; margin: 0;"><span class="live-stream-indicator" style="font-size: 1rem;">🟢</span> LIVE STREAM</h2>
+            <h2 style="color: #00ff00; margin: 0;"><span class="live-stream-indicator" style="font-size: 1rem;">🟢</span> LIVE STREAM</h2>
         </div>
         
         <!-- Stream Quality Selector -->