ian/repertory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS tweaks

Browse source
This commit is contained in:
Ian Keane 2026-06-11 17:03:56 -04:00
parent 55c8180693
commit eaf89d1d89
3 changed files with 23 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

24
style.css
View file

@ -29,6 +29,7 @@ header {
padding: .75rem 1.25rem;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .75rem;
}
@ -39,8 +40,11 @@ header h1 { font-size: 1.4rem; white-space: nowrap; }
gap: .6rem;
align-items: center;
flex-shrink: 0;
margin-left: auto; /* right-aligns on same line; left-fills when alone on a row */
}
#filter-search {
flex: 1;
background: var(--bg);
@ -228,8 +232,10 @@ th.sort-desc .sort-indicator::after { content: '▼'; }
text-overflow: ellipsis;
white-space: nowrap;
}
.cell-name-content { max-width: min(22vw, 260px); }
.cell-source-content { max-width: min(26vw, 200px); }
.cell-name-content { max-width: min(14vw, 200px); }
.cell-source-content { max-width: min(11vw, 160px); }
.cell-inst-content { max-width: min(11vw, 130px); }
.cell-tuning-content { max-width: min(9vw, 110px); }
.pill {
display: inline-block;
@ -451,11 +457,12 @@ fieldset.active .fs-body { display: contents; }
body { height: 100dvh; overflow: hidden; }
main { overflow-y: auto; }
/* Header: h1 + actions on line 1, search full-width on line 2 */
header { flex-wrap: wrap; }
header h1 { order: 1; flex: 1; }
#header-actions { order: 2; flex-shrink: 0; }
#filter-search { order: 3; flex-basis: 100%; }
/* Search drops to its own full-width row */
#filter-search { order: 3; flex-basis: 100%; }
/* Actions fill remaining space; each button gets an equal share; ☰ stays natural size */
#header-actions { flex: 1; margin-left: 0; }
#header-actions > button { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; }
#btn-bulk-edit { flex: none; }
/* Table: block layout so the card has a concrete width to truncate against */
#tune-table,
@ -563,7 +570,8 @@ fieldset.active .fs-body { display: contents; }
#btn-bulk-edit { background: transparent; border: 1px solid var(--border); color: var(--text); font-size: 1rem; padding: .3rem .65rem; }
#btn-call { background: #1b4332; color: #74c69d; border: 1px solid #2d6a4f; font-weight: 600; }
#btn-learn { background: #3d2e10; color: #f2c94c; border: 1px solid #4d3a1e; font-weight: 600; }
#btn-review { background: #3d2e10; color: #f2c94c; border: 1px solid #4d3a1e; font-weight: 600; }
#btn-learn { background: #2a1a4e; color: #c4b5fd; border: 1px solid #3d2562; font-weight: 600; }
/* ── Call modal ───────────────────────────────────────────── */
#call-modal {