Crafting cards: one-row buttons, list all missing reagents

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-28 19:09:33 +00:00
parent a205d429bd
commit 377f534f6b
3 changed files with 20 additions and 9 deletions

View file

@ -225,7 +225,16 @@ span[data-goto]:not(.item-chip):hover, b[data-goto]:hover { text-decoration: und
.bar.hp > span { background: var(--bad); }
.warn { color: var(--warn); }
select { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 5px 8px; margin-left: 6px; }
.action .foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; }
.action .foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; }
/* The reason gets its own line when it and the buttons don't fit side by side; the buttons stay one row. */
.action .foot .why:empty { display: none; }
.action .foot > .btns { flex-wrap: nowrap; }
.action .foot > :last-child { margin-left: auto; }
.action { container-type: inline-size; }
@container (max-width: 270px) {
.action .foot .btn { padding-inline: 9px; }
.action .foot .make input { width: 48px; padding-inline: 6px; }
}
/* --- bank ------------------------------------------------------------- */