From 2c0c7f6d000e557937d5f415c16ceef744842ac9 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Mon, 11 May 2026 06:51:13 +0200
Subject: [PATCH] cleanup: .card-intro a default colour +
 archive-search-summary uses .form-sublabel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Twitch-API card's help-text paragraph contains one inline link (apiHelpLink → dev.twitch.tv/console/apps). It carried color/text-decoration/cursor inline — but text-decoration:underline and cursor:pointer are the browser defaults for <a href=...>, so only the accent colour was actually doing work. Hoisted that to a single .card-intro a descendant rule — any future inline link inside a card intro paragraph picks up the accent colour without ceremony.

Same edit converts the archiveSearchSummary div from inline (font-size:12px; color:var(--text-secondary)) to the existing .form-sublabel class — exact match.

Two more inline style attributes gone.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/index.html | 4 ++--
 src/styles.css | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index e346880..9e97f79 100644
--- a/src/index.html
+++ b/src/index.html
@@ -474,7 +474,7 @@
                             </select>
                             <button class="btn-secondary" id="btnArchiveSearch" onclick="performArchiveSearch()">Suchen</button>
                         </div>
-                        <div id="archiveSearchSummary" style="font-size: 12px; color: var(--text-secondary);"></div>
+                        <div id="archiveSearchSummary" class="form-sublabel"></div>
                     </div>
                     <div class="settings-card">
                         <div id="archiveSearchResults"></div>
@@ -518,7 +518,7 @@
                         <h3 id="apiTitle">Twitch API</h3>
                         <p id="apiHelpText" class="card-intro">
                             <span id="apiHelpIntro">Du brauchst eine Client-ID und ein Client-Secret von Twitch.</span>
-                            <a href="#" id="apiHelpLink" onclick="event.preventDefault(); openTwitchDevConsole()" style="color: var(--accent); text-decoration: underline; cursor: pointer;">dev.twitch.tv/console/apps</a>
+                            <a href="#" id="apiHelpLink" onclick="event.preventDefault(); openTwitchDevConsole()">dev.twitch.tv/console/apps</a>
                         </p>
                         <div class="form-group">
                             <label id="clientIdLabel" for="clientId">Client ID</label>
diff --git a/src/styles.css b/src/styles.css
index a5eaf23..a9cc1d5 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2196,6 +2196,13 @@ select option {
     margin-bottom: 12px;
 }
 
+/* Inline link inside a card intro — picks up the accent colour so it
+   reads as actionable text rather than the default browser blue. The
+   underline + pointer cursor come from the browser's <a> defaults. */
+.card-intro a {
+    color: var(--accent);
+}
+
 /* Flush variant: the intro sits flush against the next sibling block
    (e.g. the stats summary grid) and gets its top breathing room from
    the preceding section-header row rather than its own bottom margin. */