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

This commit is contained in:
Michael Pilosov 2026-06-25 19:15:29 +00:00
parent 4ab86fa6a0
commit 1d8d8cec14

View File

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