diff --git a/frontend/src/App.css b/frontend/src/App.css index 776ef18..aa9d2df 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -2052,18 +2052,30 @@ a.app-footer__repo:hover { } .technique-title-bar__title { - font-size: 1.25rem; + font-size: 1.5rem; font-weight: 700; color: var(--color-text-primary); margin: 0; line-height: 1.3; display: flex; align-items: center; - gap: 0.5rem; + gap: 0.625rem; flex: 1; min-width: 0; } +.technique-title-bar__back { + color: var(--color-text-secondary); + text-decoration: none; + font-size: 1.125rem; + flex-shrink: 0; + transition: color 150ms ease; +} + +.technique-title-bar__back:hover { + color: var(--color-accent); +} + .technique-title-bar__meta { display: flex; align-items: center; @@ -2087,7 +2099,7 @@ a.app-footer__repo:hover { @media (max-width: 600px) { .technique-title-bar__title { - font-size: 1.0625rem; + font-size: 1.25rem; } .technique-title-bar__inner { flex-direction: column; diff --git a/frontend/src/pages/TechniquePage.tsx b/frontend/src/pages/TechniquePage.tsx index 48fe24f..23fa8a8 100644 --- a/frontend/src/pages/TechniquePage.tsx +++ b/frontend/src/pages/TechniquePage.tsx @@ -266,11 +266,6 @@ export default function TechniquePage() { return (
- {/* Back link */} - - ← Back - - {/* Historical version banner */} {isHistorical && (
@@ -297,7 +292,10 @@ export default function TechniquePage() { {/* Sticky title bar — sits at top of article, becomes sticky on scroll */}
-

{displayTitle}

+

+ ← + {displayTitle} +

{displayCategory && (