From 033694204c1c812209a5d9c5d36c871cd6c4ed84 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 3 May 2026 08:17:17 +0800
Subject: [PATCH] feat(website): move descriptions into expand row on category
 pages

Removes inline .category-row-desc from the name cell and renders
entry.description inside .expand-content instead, matching the
index page pattern. Drops the now-unused CSS rules for
.category-row-desc and the overridden .category-table .expand-content
padding.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css        | 35 ---------------------------------
 website/templates/category.html |  7 +++----
 2 files changed, 3 insertions(+), 39 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 852b01a4..6876dc2b 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -511,41 +511,6 @@ kbd {
   justify-self: start;
 }
 
-.category-table .col-name {
-  width: min(42rem, 48vw);
-  white-space: normal;
-}
-
-.category-table .col-name > a {
-  display: inline-block;
-}
-
-.category-row-desc {
-  display: block;
-  max-width: 68ch;
-  margin-top: 0.32rem;
-  color: var(--ink-soft);
-  font-size: var(--text-sm);
-  font-weight: 500;
-  line-height: 1.55;
-  text-wrap: pretty;
-}
-
-.category-row-desc a {
-  color: var(--accent-deep);
-  text-decoration: underline;
-  text-decoration-color: var(--accent-underline);
-  text-underline-offset: 0.18em;
-}
-
-.category-row-desc a:hover {
-  color: var(--accent);
-}
-
-.category-table .expand-content {
-  padding-block: 0.25rem 0.15rem;
-}
-
 .sponsor-band {
   padding-block: clamp(2.5rem, 5.5vw, 4rem);
   background:
diff --git a/website/templates/category.html b/website/templates/category.html
index b3af6507..a49dde40 100644
--- a/website/templates/category.html
+++ b/website/templates/category.html
@@ -86,9 +86,6 @@
             <a href="{{ entry.url }}" target="_blank" rel="noopener"
               >{{ entry.name }}</a
             >
-            {% if entry.description %}
-            <span class="category-row-desc">{{ entry.description | safe }}</span>
-            {% endif %}
             <span class="mobile-cat"
               >{% if entry.subcategories %}{{ entry.subcategories[0].name }}{%
               else %}{{ category.name }}{% endif %}</span
@@ -152,7 +149,9 @@
           <td></td>
           <td colspan="4">
             <div class="expand-content">
-              {% if entry.also_see %}
+              {% if entry.description %}
+              <div class="expand-desc">{{ entry.description | safe }}</div>
+              {% endif %} {% if entry.also_see %}
               <div class="expand-also-see">
                 Also see: {% for see in entry.also_see %}<a
                   href="{{ see.url }}"