From a88c9f89d531ad952c1e818947e34cd9d34f9226 Mon Sep 17 00:00:00 2001 From: Aaron Powell Date: Thu, 26 Feb 2026 13:49:37 +1100 Subject: [PATCH] style: add subtle borders to tables in Learning Hub articles Tables in article content were invisible due to no border styles. Add collapsed borders, a tinted header row, and a subtle hover effect scoped to .article-content table elements. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- website/public/styles/global.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/website/public/styles/global.css b/website/public/styles/global.css index 3a43e35c..c34da0d4 100644 --- a/website/public/styles/global.css +++ b/website/public/styles/global.css @@ -1817,6 +1817,30 @@ a:hover { color: var(--color-text-emphasis); } +.article-content table { + width: 100%; + border-collapse: collapse; + margin: 16px 0; + font-size: 14px; +} + +.article-content th, +.article-content td { + padding: 10px 14px; + text-align: left; + border: 1px solid var(--color-border); +} + +.article-content th { + font-weight: 600; + color: var(--color-text-emphasis); + background-color: var(--color-glass); +} + +.article-content tr:hover { + background-color: var(--color-glass); +} + /* Learning Hub - Index Page */ .learning-hub-section h2 { font-size: 24px;