From f2b635da19b90f0ca51650b891d62f2179b5ff81 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 22 Mar 2026 16:20:52 +0800
Subject: [PATCH] fix(css): truncate long links in expand-meta and add mobile
 padding to expand-row

.expand-meta links can overflow their container on narrow viewports.
Apply ellipsis truncation to keep the row tidy.

.expand-row td[colspan] gains symmetric inline padding on mobile to match
the surrounding table spacing.

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

diff --git a/website/static/style.css b/website/static/style.css
index afe6bd1d..206cc036 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -773,6 +773,15 @@ th[data-sort].sort-asc::after {
   color: var(--ink-muted);
 }
 
+.expand-meta a {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: bottom;
+}
+
 .expand-sep {
   margin-inline: 0.25rem;
   color: var(--line-strong);
@@ -1133,6 +1142,11 @@ th[data-sort].sort-asc::after {
     color: var(--ink-muted);
   }
 
+  .expand-row td[colspan] {
+    padding-left: 0.8rem;
+    padding-right: 0.8rem;
+  }
+
   .col-stars {
     width: 5.4rem;
   }