From 05f12b416d4725858d0ea787d461b168a78e4d39 Mon Sep 17 00:00:00 2001
From: ZdenekSrotyr <zdenek.srotyr@keboola.com>
Date: Sun, 3 May 2026 19:23:50 +0200
Subject: [PATCH] fix(ui): dashboard token row alignment + match editor/preview
 heights

---
 app/web/templates/admin_welcome.html |  8 ++++----
 app/web/templates/dashboard.html     | 24 +++++++++++++++---------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/app/web/templates/admin_welcome.html b/app/web/templates/admin_welcome.html
index 0da4579..347d382 100644
--- a/app/web/templates/admin_welcome.html
+++ b/app/web/templates/admin_welcome.html
@@ -113,9 +113,10 @@
   .welcome-editor-col, .welcome-preview-col {
     flex: 1 1 50%;
     min-width: 0;
-  }
-  .welcome-editor-col {
     min-height: 480px;
+    height: calc(100vh - 320px);
+    display: flex;
+    flex-direction: column;
   }
   .welcome-preview-col {
     border: 1px solid var(--border, #e5e7eb);
@@ -126,7 +127,6 @@
     font-family: var(--font-primary, system-ui, sans-serif);
     font-size: 14px;
     overflow: auto;
-    max-height: 600px;
   }
   .welcome-preview-col h4 {
     color: var(--text-secondary, #6b7280); margin: 0 0 8px; font-size: 12px;
@@ -318,7 +318,7 @@ if (typeof CodeMirror === "undefined") {
     indentUnit: 2,
     tabSize: 2,
   });
-  editor.setSize("100%", "calc(100vh - 320px)");
+  editor.setSize("100%", "100%");
 }
 
 // ── Live preview (debounced) ──────────────────────────────────────────
diff --git a/app/web/templates/dashboard.html b/app/web/templates/dashboard.html
index df89dab..e073c56 100644
--- a/app/web/templates/dashboard.html
+++ b/app/web/templates/dashboard.html
@@ -1226,20 +1226,25 @@
             color: white;
         }
 
+        .env-setup-row .env-meta {
+            margin-left: auto;
+            display: inline-flex;
+            align-items: center;
+            gap: 12px;
+        }
+
         .env-setup-row .env-hint {
             font-size: 12px;
             color: rgba(255, 255, 255, 0.6);
-            margin-left: auto;
         }
 
         .env-setup-link {
-            display: inline-block;
-            margin-left: 12px;
             font-size: 13px;
-            color: var(--primary);
-            text-decoration: none;
+            color: rgba(255, 255, 255, 0.9);
+            text-decoration: underline;
+            text-underline-offset: 2px;
         }
-        .env-setup-link:hover { text-decoration: underline; }
+        .env-setup-link:hover { color: #fff; }
 
         .setup-link-banner {
             margin-top: 12px;
@@ -1946,11 +1951,12 @@
                     </svg>
                     Setup a new Claude Code
                 </button>
-                <span class="env-hint">Valid 90 days · token stays in clipboard only</span>
-                <a href="/setup" class="env-setup-link">Or open the full setup page →</a>
+                <span class="env-meta">
+                    <span class="env-hint">Valid 90 days · token stays in clipboard only</span>
+                    <a href="/setup" class="env-setup-link">Open the full setup page →</a>
+                </span>
             </div>
             <div id="setupClaudeError" class="setup-error" role="alert" style="display:none;"></div>
-            <a href="/setup" class="env-setup-link" style="display: block; margin-top: 8px;">View what Claude Code will receive on /setup →</a>
         </div>
         {% endif %}