From 540bb66ed6810cfd103aaff359df16de7fbe68c8 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Wed, 21 Oct 2026 23:28:59 +0800
Subject: [PATCH] style: tighten the gaps between a row's name, description,
 and links

An open row put about 38px between the project name and its description and 10px before its links, and category rows put 26px between name and description, because .table tbody td overrode the zero top padding meant for description and expand rows. The top gap is now about 2px larger than the bottom one, since the bold name's descenders make an equal gap look smaller.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 5ded701f..37a5343c 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -949,10 +949,11 @@ kbd {
 
 .row:has(+ .desc-row:not([hidden])) td {
   border-bottom-color: transparent;
-  padding-bottom: 0.35rem;
+  padding-bottom: 0.4rem;
 }
 
 .row.open td {
+  padding-bottom: 0.35rem;
   background: var(--row-open);
   border-bottom-color: transparent;
 }
@@ -1091,7 +1092,7 @@ th[data-sort].sort-asc::after {
   transform: rotate(90deg);
 }
 
-.desc-row td {
+.table .desc-row td {
   padding-top: 0;
   padding-bottom: 1rem;
   border-bottom: 1px solid var(--line);
@@ -1119,6 +1120,7 @@ th[data-sort].sort-asc::after {
 }
 
 .row.open + .desc-row td {
+  padding-bottom: 0;
   background: var(--row-open);
   border-bottom-color: transparent;
 }
@@ -1153,9 +1155,8 @@ th[data-sort].sort-asc::after {
   display: none;
 }
 
-.expand-row td {
-  padding-top: 0.1rem;
-  padding-bottom: 1.15rem;
+.table .expand-row td {
+  padding-top: 0;
   background: var(--row-open);
   border-bottom: 1px solid var(--line);
 }
@@ -1189,7 +1190,7 @@ th[data-sort].sort-asc::after {
 
 .expand-also-see,
 .expand-meta {
-  margin-top: 0.45rem;
+  margin-top: 0.3rem;
   font-size: var(--text-sm);
   color: var(--ink-muted);
 }