style: Fix responsiveness for app header

- 767 is the maximum for that size used by bootstrap. 768 and up are treated as
  different size.

- magin-bottom is redundant

- Don't do text-align: center for description text. It does not match with form
  elements and heading that follow. It also makes reading longer text harder.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
Sunil Mohan Adapa 2020-01-02 18:30:35 -08:00 committed by Joseph Nuthalapati
parent bf9d822943
commit f7109cceef
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35

View File

@ -561,12 +561,10 @@ a.menu_link_active {
grid-column: 1;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 767px) {
.app-header {
display: flex;
flex-flow: column;
margin-bottom: 20px;
text-align: center;
}
.app-header img {