reposition some buttons
This commit is contained in:
parent
470b3e2336
commit
0639aeae6f
6 changed files with 120 additions and 21 deletions
33
style.scss
33
style.scss
|
@ -61,7 +61,7 @@ $mediumBreakpoint: 800px;
|
|||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
|
@ -161,7 +161,7 @@ button {
|
|||
}
|
||||
}
|
||||
|
||||
div.filters {
|
||||
div#filters {
|
||||
display: flex;
|
||||
gap: var(--space-m);
|
||||
justify-items: stretch;
|
||||
|
@ -171,6 +171,14 @@ div.filters {
|
|||
}
|
||||
}
|
||||
|
||||
button#initialLoad {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
button.loadOSM {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
ul#stationList {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
@ -662,4 +670,25 @@ span[data-icon] {
|
|||
&[data-icon="location-searching"] {
|
||||
mask-image: url(/md_icons/location-searching.svg);
|
||||
}
|
||||
|
||||
&[data-icon="load"] {
|
||||
mask-image: url(/md_icons/load.svg);
|
||||
}
|
||||
|
||||
&.spinner {
|
||||
animation-delay: 0s;
|
||||
animation-direction: normal;
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: none;
|
||||
animation-iteration-count: infinite;
|
||||
animation-name: spinner;
|
||||
animation-play-state: running;
|
||||
animation-timing-function: linear
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue