From d1fce3f778343fa09bc8c7c83048bf8911ab86b0 Mon Sep 17 00:00:00 2001
From: Hermes Agent <hermes@example.local>
Date: Sun, 21 Jun 2026 11:22:07 +1000
Subject: [PATCH] fix: mobile responsive - hide updated column, single column
 detail grid

---
 src/styles.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 1fd09ab..cb77aba 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2531,7 +2531,17 @@ button.link-action--confirm:hover { background: var(--accent-soft); }
   .panel { padding: 1.25rem 1rem; }
   .app-bar { padding: 0 1rem; height: auto; min-height: 68px; flex-wrap: wrap; align-content: center; }
   .link-table { font-size: 0.8125rem; }
-  .truncate { max-width: 10rem; }
+  .link-table .col-updated { display: none; }
+  .link-cards-grid .link-card-meta time { display: none; }
+  .truncate { max-width: 8rem; }
+
+  /* Detail page meta grid → single column on mobile */
+  .detail-panel dl[style*="grid"] { grid-template-columns: 1fr !important; }
+  .detail-panel__title { font-size: 1rem; }
+  .detail-actions__buttons { flex-wrap: wrap; }
+  .detail-actions__buttons > * { flex: 1 1 auto; justify-content: center; min-width: 0; }
+  .detail-floating-actions { flex-wrap: wrap; }
+  .detail-floating-actions .link-action { flex: 1; justify-content: center; }
   .user-name { display: none; }
   .user-dropdown { right: -0.5rem; }
   .copy-success-toast {