From 9f4318cc0f7798aafd140b4fecb388bbf773e1cb Mon Sep 17 00:00:00 2001
From: "Aaron D. Lee" <aaron.daniel.lee@mgial.com>
Date: Wed, 7 Jan 2026 20:34:01 -0500
Subject: [PATCH] Move channel status above hero, same width

---
 frontends/web/templates/index.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontends/web/templates/index.html b/frontends/web/templates/index.html
index fc49621..166a56a 100644
--- a/frontends/web/templates/index.html
+++ b/frontends/web/templates/index.html
@@ -40,6 +40,14 @@
 
 <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 70vh;">
 
+    {% if channel_configured %}
+    <!-- Channel Status -->
+    <div class="d-flex align-items-center justify-content-between w-100 mb-2 px-2" style="max-width: 280px;">
+        <small class="text-success"><i class="bi bi-shield-lock me-1"></i>Private Channel</small>
+        <code class="small text-muted">{{ channel_fingerprint }}</code>
+    </div>
+    {% endif %}
+
     <!-- Hero -->
     <div class="d-flex align-items-center gap-3 mb-4">
         <img src="{{ url_for('static', filename='logo.svg') }}" alt="Stegasoo" height="80">
@@ -49,10 +57,6 @@
         </div>
     </div>
 
-    {% if channel_configured %}
-    <span class="badge bg-success mb-3"><i class="bi bi-shield-lock me-1"></i>{{ channel_fingerprint }}</span>
-    {% endif %}
-
     <!-- Action Icons -->
     <div class="d-flex gap-4">
         <a href="/encode" class="home-icon"><i class="bi bi-lock-fill"></i><span>Encode</span></a>