mm/chess-pressure
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix playback buttons: flex-basis 0 for proportional sizing, full width

Browse Source
This commit is contained in:
Michael Pilosov 2026-06-25 19:15:29 +00:00
parent 4ab86fa6a0
commit 1d8d8cec14
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/chess_pressure/static/style.css
View File

@ -118,6 +118,7 @@ main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
width: 100%;
} }
#slider { #slider {
width: 100%; width: 100%;
@ -130,11 +131,13 @@ main {
width: 100%; width: 100%;
} }
.playback-buttons button { .playback-buttons button {
flex: 1; flex: 1 1 0;
min-width: 0;
background: var(--bg2); background: var(--bg2);
border: 1px solid var(--border); border: 1px solid var(--border);
color: var(--fg); color: var(--fg);
padding: 0.4rem 0.5rem; padding: 0.4rem 0;
min-height: 2.5rem;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;
@ -143,7 +146,7 @@ main {
} }
.playback-buttons button:hover { background: var(--move-active); } .playback-buttons button:hover { background: var(--move-active); }
#btn-start, #btn-end { #btn-start, #btn-end {
flex: 0.65; flex: 0.6 1 0;
} }
#btn-start svg, #btn-end svg { #btn-start svg, #btn-end svg {
width: 13px; width: 13px;