diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css index c8a4e35..93b1c82 100644 --- a/expenses_manager/expenses/static/expenses/css/base.css +++ b/expenses_manager/expenses/static/expenses/css/base.css @@ -51,8 +51,8 @@ --color-nav-text: #e7f5f0; --color-nav-text-muted: #8fb8ac; - --color-chip-bg: #22332c; - --color-chip-hover: #2b3f36; + --color-chip-bg: #3a5546; + --color-chip-hover: #46654f; --color-focus-ring: #5eead4; --color-success-bg: #113322; @@ -436,6 +436,14 @@ button[type="submit"]:hover, margin-top: 0.5rem; } +.checkbox { + display: inline-flex; + align-items: center; + gap: 0.4rem; + color: var(--color-text); + vertical-align: middle; +} + .clear-filters { color: var(--color-danger-accent); text-decoration: none; @@ -619,6 +627,26 @@ tr:hover { display: flex; gap: 0.5rem; align-items: center; + flex-wrap: wrap; +} + +.step-links a { + display: inline-block; + padding: 4px 12px; + border-radius: 16px; + background: var(--color-chip-bg); + color: var(--color-text); + text-decoration: none; + font-size: 0.9em; +} + +.step-links a:hover { + background: var(--color-chip-hover); +} + +.step-links span { + color: var(--color-text-muted); + font-size: 0.9em; } .badge {