diff --git a/src/quartermaster/static/app.css b/src/quartermaster/static/app.css index 1a4dd69..6a986cc 100644 --- a/src/quartermaster/static/app.css +++ b/src/quartermaster/static/app.css @@ -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; }