archeious/quartermaster
1
0
Fork 0
Code Issues 4 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix(ledger): give the applied cell room for the transaction count

Browse source 
Widen the applied column from 5.5rem to 9rem so "\$134.32 · 7 txns"
fits on one line. Add white-space: nowrap to the cell and its
children as belt-and-braces. Mobile breakpoint gets 7rem with the
count text shrunk, still single-line.

Refs #19

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
archeious 2026-04-17 17:40:02 -06:00
parent e80a3508b6
commit 84d77b804c
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/quartermaster/static/app.css
View file

@ -692,7 +692,7 @@ tr.entry:hover + tr.entry-notes-row:has(input:placeholder-shown) {
cursor: pointer;
user-select: none;
display: grid;
grid-template-columns: 0.9rem minmax(0, 1fr) 5.5rem 5.5rem 1.2rem;
grid-template-columns: 0.9rem minmax(0, 1fr) 5.5rem 9rem 1.2rem;
gap: 0.6rem;
align-items: baseline;
padding: 0.32rem 0.25rem 0.36rem;
@ -774,17 +774,21 @@ tr.entry:hover + tr.entry-notes-row:has(input:placeholder-shown) {
display: flex;
justify-content: flex-end;
align-items: baseline;
gap: 0.3rem;
gap: 0.35rem;
white-space: nowrap;
flex-wrap: nowrap;
}
.entry-block .applied-cell .value {
font-weight: 500;
white-space: nowrap;
}
.entry-block .applied-cell .count {
font-family: var(--sans);
font-size: 0.66rem;
letter-spacing: 0.16em;
letter-spacing: 0.14em;
text-transform: lowercase;
color: var(--muted);
white-space: nowrap;
}
.entry-block .entry-actions button.delete {
@ -952,10 +956,11 @@ form.add-posting-form button[type="submit"]:hover { background: var(--ink); colo
@media (max-width: 640px) {
.entry-block > summary {
grid-template-columns: 0.9rem minmax(0, 1fr) 4.6rem 4.6rem 1rem;
grid-template-columns: 0.9rem minmax(0, 1fr) 4.2rem 7rem 1rem;
gap: 0.4rem;
}
.entry-block .entry-body { padding: 0.5rem 0.75rem 0.6rem; }
.entry-block .applied-cell .count { font-size: 0.58rem; letter-spacing: 0.1em; }
form.add-posting-form {
grid-template-columns: 1fr 1fr;
}