webconfig: Make a bit nicer on smaller screens

Actually remove the margins, distribute the color choices evenly and
switch to small mode a bit earlier.
This commit is contained in:
Fabian Homborg 2021-06-05 11:46:23 +02:00
parent 48acd316c8
commit e57c998d4c

View File

@ -452,6 +452,7 @@ code {
.color_scheme_choice_container {
padding: 5px;
flex-grow: 1;
}
.fake_cursor {
@ -617,13 +618,17 @@ img.delete_icon {
cursor: default;
}
@media screen and (max-width: 700px) {
@media screen and (max-width: 800px) {
/* On small screens remove the margins to leave more for the actual content */
body {
width: 100%;
margin: 0 0 0 0;
}
#ancestor {
width: 100%;
}
#parent {
margin-top: 0;
}