From 380c8897714f41f0f804dac54113a5da938c56dd Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Sat, 16 Nov 2024 08:16:05 -0800 Subject: [PATCH] ui: Reduce the gap at the top of the pages - So much spacing is not required as we have remove the background and borders. - This is similar in approach to Bootstrap 4/5 which does not provide top margins for heading elements and instead provides them only when they are not the first element. - Increase the margin between the end of a section and beginning of the next heading. Signed-off-by: Sunil Mohan Adapa Reviewed-by: Veiko Aasa --- static/themes/default/css/main.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index dc965c1e8..25a112a78 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -73,10 +73,13 @@ /* * Bootstrap override */ -/* Heading margins from bootstrap 3 */ -h1, h2, h3, h4, h5, h6 { - margin-top: 1.25rem; - margin-bottom: 0.625rem; +h1:not(:first-child), +h2:not(:first-child), +h3:not(:first-child), +h4:not(:first-child), +h5:not(:first-child), +h6:not(:first-child) { + margin-top: 2rem; } /* Warning colors from bootstrap 3 */ @@ -813,7 +816,7 @@ input[type='submit'].running-status-button { } .app-header > img { - margin: 1.5625rem auto 0; + margin: 0 auto; width: 100%; }