fix(ui): restore target card layout, tighten edit-mode UX (#21)

This commit is contained in:
archeious 2026-04-17 18:59:04 -06:00
parent af276f0eec
commit c96d3f5d2f
3 changed files with 27 additions and 0 deletions

View file

@ -102,6 +102,7 @@ def index(request: Request, db: Session = Depends(get_session)) -> HTMLResponse:
"all_months": month_service.list_months(db), "all_months": month_service.list_months(db),
"zero": zero, "zero": zero,
"tone": service.zero_tone(zero), "tone": service.zero_tone(zero),
"editing_id": None,
}, },
) )

View file

@ -580,6 +580,31 @@ details.add-entry > .month-add-form {
.tag-edited { color: var(--ochre); } .tag-edited { color: var(--ochre); }
.tag-new { color: var(--indigo); } .tag-new { color: var(--indigo); }
/* Target card keeps the table-based layout from before Task 2 rewrite. */
.target-section table.entries { width: 100%; border-collapse: collapse; font-family: var(--sans); }
.target-section table.entries thead { display: none; }
.target-section table.entries tbody tr.entry {
display: grid;
grid-template-columns: minmax(0, 1fr) 5.5rem 5.5rem 1.2rem;
gap: 0.6rem;
align-items: baseline;
padding: 0.26rem 0.25rem 0.28rem;
position: relative;
border-bottom: 1px dotted var(--rule);
}
.target-section table.entries tbody tr.entry td {
padding: 0;
border: none;
vertical-align: baseline;
min-width: 0;
}
.target-section table.entries tr.add-row td {
padding: 0.4rem 0.25rem 0.2rem !important;
border-bottom: none !important;
grid-column: 1 / -1;
display: block;
}
/* =============== PRIMARY DEBT TARGET =============== */ /* =============== PRIMARY DEBT TARGET =============== */
.section.target-section { .section.target-section {

View file

@ -20,6 +20,7 @@
name="name" name="name"
value="{{ entry.name }}" value="{{ entry.name }}"
required required
autofocus
aria-label="Name" aria-label="Name"
> >
<input <input