From f7109cceef5c5ce77bf83cbf2ecce77b83db827d Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Thu, 2 Jan 2020 18:30:35 -0800 Subject: [PATCH] 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 Reviewed-by: Joseph Nuthalapati --- static/themes/default/css/plinth.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css index ef0f304c6..241a2eb69 100644 --- a/static/themes/default/css/plinth.css +++ b/static/themes/default/css/plinth.css @@ -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 {