Fix banner overlapping with other content

In some sections we had negative top margins to compensate the header bottom margin. However, when adding a banner between the header and those sections, the negative margin caused the content of those sections to overlap with the content of the banner. Removing the negative margins when a banner is present solves the issue.
2020-08-10 16:02:00 +02:00
parent 400c3a6fa0
commit 14a5d82377
1 changed files with 7 additions and 0 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -2287,6 +2287,13 @@ table {
 // 18. Banners
 // -----------

+.banner {
+
+  + .budget.expanded,
+  + .jumbo {
+    margin-top: 0;
+  }
+}

 // 19. Recommendations
 // -------------------