fix(css): widen content area and fix repo link pills

- max-width 980px → 1200px reduces side whitespace on wider monitors
- add td a.button selector: cgit uses class="button" not td.link for
  summary/log/tree links; old selector never matched live HTML
- increase pill margin/padding for visible separation between links

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 7 insertions, 4 deletions

diff --git a/cgit.css b/cgit.css
index de2e078..8f1085c 100644
--- a/cgit.css
+++ b/cgit.css
@@ -344,7 +344,7 @@ div.path a:hover {
    ============================================================= */
 
 div.content {
-  max-width: 980px;
+  max-width: 1200px;
   margin: 0 auto;
   padding: 32px 24px;
   flex: 1;
@@ -466,18 +466,21 @@ table.list td.ls-size {
   white-space: nowrap;
 }
 
+table.list td a.button,
 table.list td.link a {
   font-family: 'JetBrains Mono', monospace;
   font-size: 11px;
   color: var(--text-dim);
   border: 1px solid var(--border);
-  border-radius: 3px;
-  padding: 2px 7px;
-  margin-left: 4px;
+  border-radius: 4px;
+  padding: 2px 8px;
+  margin-left: 6px;
+  display: inline-block;
   text-decoration: none;
   transition: border-color 0.15s, color 0.15s;
 }
 
+table.list td a.button:hover,
 table.list td.link a:hover {
   border-color: var(--accent);
   color: var(--accent);