webconfig: Remove more margins on small screens

This still showed the background gradient, which is just a waste and
looks weird.

Instead make the actual content fullscreen (except for the border
radius, for now)
This commit is contained in:
Fabian Homborg 2021-02-15 20:06:34 +01:00
parent c35535dee7
commit 477587a4d4

View File

@ -16,14 +16,6 @@ code {
"Lucida Console", monospace, fixed;
}
@media screen and (max-width: 700px) {
/* On small screens remove the margins to leave more for the actual content */
body {
width: 100%;
margin-left: none;
margin-right: none;
}
}
#parent {
width: 100%;
min-height: 480px;
@ -618,3 +610,18 @@ img.delete_icon {
background-color: transparent;
cursor: default;
}
@media screen and (max-width: 700px) {
/* On small screens remove the margins to leave more for the actual content */
body {
width: 100%;
margin: 0 0 0 0;
}
#parent {
margin-top: 0;
}
#tab_contents {
margin-bottom: 0;
}
}