From 1c2279664cd98b4b193f5f060d0bc7d2d48eafab Mon Sep 17 00:00:00 2001
From: Michael <michael.dombaugh@gmail.com>
Date: Tue, 3 Mar 2026 01:54:02 +0000
Subject: [PATCH] feat: consistent compact density across all list views

- Reduce capture-item, files table, date group labels to 6px 12px padding
- Set font-size 0.80rem on capture-text, file table cells

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 static/style.css            |  6 +++---
 templates/appointments.html |  2 +-
 templates/files.html        | 24 ++++++++++++------------
 templates/time_entries.html |  2 +-
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/static/style.css b/static/style.css
index b1cd4ff..7ab27fe 100644
--- a/static/style.css
+++ b/static/style.css
@@ -793,8 +793,8 @@ a:hover { color: var(--accent-hover); }
 .capture-item {
     display: flex;
     align-items: flex-start;
-    gap: 12px;
-    padding: 12px;
+    gap: 8px;
+    padding: 6px 12px;
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: var(--radius);
@@ -803,7 +803,7 @@ a:hover { color: var(--accent-hover); }
 
 .capture-text {
     flex: 1;
-    font-size: 0.92rem;
+    font-size: 0.80rem;
 }
 
 .capture-actions {
diff --git a/templates/appointments.html b/templates/appointments.html
index 34a7434..18beacc 100644
--- a/templates/appointments.html
+++ b/templates/appointments.html
@@ -22,7 +22,7 @@
         {% set appt_date = appt.start_at.strftime('%A, %B %-d, %Y') if appt.start_at else 'No Date' %}
         {% if appt_date != current_date.value %}
             {% if not loop.first %}</div>{% endif %}
-            <div class="date-group-label" style="padding: 12px 12px 4px; font-size: 0.78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; {% if not loop.first %}border-top: 1px solid var(--border); margin-top: 4px;{% endif %}">
+            <div class="date-group-label" style="padding: 6px 12px 4px; font-size: 0.78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; {% if not loop.first %}border-top: 1px solid var(--border); margin-top: 4px;{% endif %}">
                 {{ appt_date }}
             </div>
             <div>
diff --git a/templates/files.html b/templates/files.html
index 319c2b5..a04777f 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -67,43 +67,43 @@
     <table class="data-table" style="width: 100%; border-collapse: collapse;">
         <thead>
             <tr style="border-bottom: 1px solid var(--border); text-align: left;">
-                <th style="padding: 10px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">
+                <th style="padding: 6px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">
                     <a href="{{ sort_base }}sort={{ 'path_desc' if current_sort == 'path' else 'path' }}" style="color: var(--muted); text-decoration: none;">
                         Path {{ '▲' if current_sort == 'path' else ('▼' if current_sort == 'path_desc' else '') }}
                     </a>
                 </th>
-                <th style="padding: 10px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">
+                <th style="padding: 6px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">
                     <a href="{{ sort_base }}sort={{ 'name_desc' if current_sort == 'name' else 'name' }}" style="color: var(--muted); text-decoration: none;">
                         Name {{ '▲' if current_sort == 'name' else ('▼' if current_sort == 'name_desc' else '') }}
                     </a>
                 </th>
-                <th style="padding: 10px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">Type</th>
-                <th style="padding: 10px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">Size</th>
-                <th style="padding: 10px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">
+                <th style="padding: 6px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">Type</th>
+                <th style="padding: 6px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">Size</th>
+                <th style="padding: 6px 12px; font-weight: 600; font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;">
                     <a href="{{ sort_base }}sort={{ 'date_asc' if current_sort == 'date' else 'date' }}" style="color: var(--muted); text-decoration: none;">
                         Date {{ '▼' if current_sort == 'date' else ('▲' if current_sort == 'date_asc' else '') }}
                     </a>
                 </th>
-                <th style="padding: 10px 12px;"></th>
+                <th style="padding: 6px 12px;"></th>
             </tr>
         </thead>
         <tbody>
             {% for item in items %}
             <tr style="border-bottom: 1px solid var(--border);">
-                <td style="padding: 10px 12px; color: var(--muted); font-size: 0.85rem;">{{ item.folder }}</td>
-                <td style="padding: 10px 12px;">
+                <td style="padding: 6px 12px; color: var(--muted); font-size: 0.80rem;">{{ item.folder }}</td>
+                <td style="padding: 6px 12px; font-size: 0.80rem;">
                     <a href="/files/{{ item.id }}/preview" style="color: var(--accent);">{{ item.original_filename }}</a>
                 </td>
-                <td style="padding: 10px 12px;">
+                <td style="padding: 6px 12px;">
                     {% if item.mime_type %}<span class="row-tag">{{ item.mime_type.split('/')|last }}</span>{% endif %}
                 </td>
-                <td style="padding: 10px 12px; color: var(--muted); font-size: 0.85rem; white-space: nowrap;">
+                <td style="padding: 6px 12px; color: var(--muted); font-size: 0.80rem; white-space: nowrap;">
                     {% if item.size_bytes %}{{ "%.1f"|format(item.size_bytes / 1024) }} KB{% endif %}
                 </td>
-                <td style="padding: 10px 12px; color: var(--muted); font-size: 0.85rem; white-space: nowrap;">
+                <td style="padding: 6px 12px; color: var(--muted); font-size: 0.80rem; white-space: nowrap;">
                     {{ item.created_at.strftime('%Y-%m-%d') if item.created_at else '' }}
                 </td>
-                <td style="padding: 10px 12px; text-align: right; white-space: nowrap;">
+                <td style="padding: 6px 12px; text-align: right; white-space: nowrap;">
                     <a href="/files/{{ item.id }}/download" class="btn btn-ghost btn-xs">Download</a>
                     <form action="/files/{{ item.id }}/delete" method="post" data-confirm="Delete this file?" style="display:inline">
                         <button type="submit" class="btn btn-ghost btn-xs" style="color: var(--red)">Del</button>
diff --git a/templates/time_entries.html b/templates/time_entries.html
index 6583b42..b5b24e1 100644
--- a/templates/time_entries.html
+++ b/templates/time_entries.html
@@ -67,7 +67,7 @@
     {% for entry in entries %}
         {% set entry_date = entry.start_at.strftime('%A, %B %-d') if entry.start_at else 'Unknown' %}
         {% if entry_date != current_date.value %}
-            <div style="padding: 10px 12px 4px; font-size: 0.78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; {% if not loop.first %}border-top: 1px solid var(--border); margin-top: 4px;{% endif %}">
+            <div style="padding: 6px 12px 4px; font-size: 0.78rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; {% if not loop.first %}border-top: 1px solid var(--border); margin-top: 4px;{% endif %}">
                 {{ entry_date }}
             </div>
             {% set current_date.value = entry_date %}