slight layout update, mostly relevant for mobile
This commit is contained in:
parent
0dba7fd8cf
commit
6a04ac30f5
2 changed files with 14 additions and 4 deletions
|
|
@ -73,18 +73,25 @@ h4 {
|
|||
background-color: color-mix(in srgb, var(--bg-main), transparent 16%);
|
||||
}
|
||||
|
||||
.settings-button {
|
||||
width: 15%;
|
||||
.settings-button-holder {
|
||||
width:15%;
|
||||
max-width: 90px;
|
||||
position:fixed;
|
||||
top:0;
|
||||
right:0;
|
||||
margin: 3px;
|
||||
background-color: var(--bg-main);
|
||||
/* This is a circle background for the circle settings button
|
||||
So it can display over other text and such */
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.settings-button {
|
||||
width: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.controls > .control-button{
|
||||
width:20%;
|
||||
max-width: 110px;
|
||||
|
|
@ -105,7 +112,7 @@ h4 {
|
|||
/* Songlist stuff */
|
||||
.songlist {
|
||||
width: 80%;
|
||||
min-width: 300px;
|
||||
min-width: 400px;
|
||||
margin:auto auto 150px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -139,6 +146,7 @@ h4 {
|
|||
.searchbox {
|
||||
width: 65%;
|
||||
margin: 1px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.go-search {
|
||||
width: 20%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue