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 { .color_scheme_choice_container {
padding: 5px; padding: 5px;
flex-grow: 1;
} }
.fake_cursor { .fake_cursor {
@ -617,13 +618,17 @@ img.delete_icon {
cursor: default; 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 */ /* On small screens remove the margins to leave more for the actual content */
body { body {
width: 100%; width: 100%;
margin: 0 0 0 0; margin: 0 0 0 0;
} }
#ancestor {
width: 100%;
}
#parent { #parent {
margin-top: 0; margin-top: 0;
} }