From 04e0d3323f8608dcd9093596c53b349aae5a20d2 Mon Sep 17 00:00:00 2001 From: m17hr1l Date: Mon, 25 May 2026 19:15:48 +0200 Subject: [PATCH] =?UTF-8?q?stage-31=20fix:=20featured=20card=20=E2=80=94?= =?UTF-8?q?=20display:block=20on=20the=20new=20=20wrapper?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When I refactored the featured card from
→ for full-card clicking, I forgot the defaults to display:inline. That collapsed the hero+overlay layout — the title rendered word-per-line down the left edge instead of spanning the hero. display:block (+ inherit color, no text-decoration) restores the layout. Co-Authored-By: Claude Opus 4.7 --- src/psyc/cockpit/static/cockpit.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/psyc/cockpit/static/cockpit.css b/src/psyc/cockpit/static/cockpit.css index 9bf8bc7..e553333 100644 --- a/src/psyc/cockpit/static/cockpit.css +++ b/src/psyc/cockpit/static/cockpit.css @@ -962,7 +962,11 @@ body.wide .net-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr @keyframes featured-pulse { 0%,100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } } .featured-section-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12px; } .featured-section-meta .muted { color: var(--muted); font-family: ui-monospace, Menlo, monospace; } -.featured { border-radius: 0 0 14px 14px; margin: 0; } +.featured { + display: block; color: inherit; text-decoration: none; + border-radius: 0 0 14px 14px; margin: 0; +} +.featured:hover { text-decoration: none; } .featured-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-family: var(--font-display); font-size: 11px; letter-spacing: 0.16em;