From 895df9c239db026c6a8b43db97092af58c1440f9 Mon Sep 17 00:00:00 2001
From: awesomerobot <kris.aubuchon@discourse.org>
Date: Thu, 24 Jun 2021 15:21:11 -0400
Subject: [PATCH] UX: margin improvement for mobile alerts

---
 app/assets/stylesheets/common/components/banner.scss | 1 +
 app/assets/stylesheets/desktop/banner.scss           | 1 -
 app/assets/stylesheets/mobile/alert.scss             | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/components/banner.scss b/app/assets/stylesheets/common/components/banner.scss
index 6e526adf5e5..22ec02c63d4 100644
--- a/app/assets/stylesheets/common/components/banner.scss
+++ b/app/assets/stylesheets/common/components/banner.scss
@@ -7,6 +7,7 @@
   background: var(--tertiary-low);
   color: var(--primary);
   z-index: z("base") + 1;
+  margin-bottom: 1em;
   overflow: auto;
 
   &.overlay {
diff --git a/app/assets/stylesheets/desktop/banner.scss b/app/assets/stylesheets/desktop/banner.scss
index ecfcff7d372..933d266a2be 100644
--- a/app/assets/stylesheets/desktop/banner.scss
+++ b/app/assets/stylesheets/desktop/banner.scss
@@ -3,7 +3,6 @@
 // --------------------------------------------------
 
 #banner {
-  margin-bottom: 1em;
   max-width: 1090px;
   max-height: 250px;
 }
diff --git a/app/assets/stylesheets/mobile/alert.scss b/app/assets/stylesheets/mobile/alert.scss
index ac30706214a..90d48b7deb7 100644
--- a/app/assets/stylesheets/mobile/alert.scss
+++ b/app/assets/stylesheets/mobile/alert.scss
@@ -1,7 +1,7 @@
 .alert.alert-info {
   &.clickable {
     // there are (n) new or updated topics, click to show
-    margin-top: 0;
+    margin: 0;
     padding: 1em;
   }
 }