fix playback buttons: flex-basis 0 for proportional sizing, full width
This commit is contained in:
parent
4ab86fa6a0
commit
1d8d8cec14
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user