ui: Compact pages on extra small screen sizes

- Don't take up the too much margins with content container.

- Fallback to white background to avoid container boxes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
This commit is contained in:
Sunil Mohan Adapa 2019-01-15 17:08:48 -08:00 committed by Joseph Nuthalapati
parent 4c65d34741
commit 35a02d00b4
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35

View File

@ -63,6 +63,12 @@ body {
background: url('../img/noise.png') #f1f1f1;
}
@media (max-width: 767px) {
body {
background: none;
}
}
.multiple-checkbox li {
list-style-type: none;
}
@ -178,13 +184,18 @@ html {
}
.content-container {
padding: 25px 50px 50px;
background-color: white;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.content-container {
padding: 25px 50px 50px;
background-color: white;
border: 1px solid #ddd;
border-radius: 4px;
}
}
footer {
text-align: center;
position: relative;