fix: consistent row styling for capture and focus items

- Remove card-style spacing (margin, border-radius, background) from capture-item and focus-item
- Use border-bottom pattern matching list-row for uniform density
- Wrap capture and focus items in .card containers

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-03 01:57:59 +00:00
parent 1c2279664c
commit 6871330ce8
3 changed files with 10 additions and 11 deletions

View File

@@ -795,10 +795,8 @@ a:hover { color: var(--accent-hover); }
align-items: flex-start;
gap: 8px;
padding: 6px 12px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 8px;
border-bottom: 1px solid var(--border);
transition: background var(--transition);
}
.capture-text {
@@ -818,14 +816,11 @@ a:hover { color: var(--accent-hover); }
align-items: center;
gap: 8px;
padding: 6px 12px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 6px;
transition: all var(--transition);
border-bottom: 1px solid var(--border);
transition: background var(--transition);
}
.focus-item:hover { border-color: var(--accent); }
.focus-item:hover { background: var(--surface2); }
.focus-item.completed { opacity: 0.6; }
.focus-item.completed .focus-title { text-decoration: line-through; }