UX: margin improvement for mobile alerts

UX: margin improvement for mobile alerts

diff --git a/app/assets/stylesheets/common/components/banner.scss b/app/assets/stylesheets/common/components/banner.scss
index 6e526ad..22ec02c 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 ecfcff7..933d266 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 ac30706..90d48b7 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;
   }
 }

GitHub sha: 895df9c239db026c6a8b43db97092af58c1440f9

This commit appears in #13519 which was approved by eviltrout. It was merged by tgxworld.