UX: Improve banner & alert close button alignment and consistency

UX: Improve banner & alert close button alignment and consistency

diff --git a/app/assets/stylesheets/common/base/alert.scss b/app/assets/stylesheets/common/base/alert.scss
index c367b3f..d729cdc 100644
--- a/app/assets/stylesheets/common/base/alert.scss
+++ b/app/assets/stylesheets/common/base/alert.scss
@@ -1,5 +1,5 @@
 .alert {
-  padding: 0.5em 1em;
+  padding: 0.5em 2.5em 0.5em 1em;
   background-color: $danger-low;
   color: $primary;
   position: relative;
@@ -7,11 +7,10 @@
   .close {
     font-size: $font-up-3;
     position: absolute;
-    top: 8px;
-    right: 8px;
-
+    top: 0.265em;
+    right: 0.66em;
     .d-icon {
-      color: $primary-low-mid;
+      color: $primary-medium;
     }
   }
 
diff --git a/app/assets/stylesheets/common/components/banner.scss b/app/assets/stylesheets/common/components/banner.scss
index 72f45ff..1399ace 100644
--- a/app/assets/stylesheets/common/components/banner.scss
+++ b/app/assets/stylesheets/common/components/banner.scss
@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 #banner {
-  padding: 10px;
+  padding: 0.5em 1em;
   background: $tertiary-low;
   color: $primary;
   z-index: z("base") + 1;
@@ -14,13 +14,21 @@
   }
 
   .close {
-    margin-top: -5px;
     color: $primary-low-mid;
     padding-left: 5px;
     float: right;
+    .d-icon {
+      color: $primary-medium;
+    }
   }
 
   .meta {
     display: none;
   }
 }
+
+#banner-content {
+  hr {
+    border-color: $primary-medium;
+  }
+}
diff --git a/app/assets/stylesheets/desktop/alert.scss b/app/assets/stylesheets/desktop/alert.scss
index eead663..f3f57ea 100644
--- a/app/assets/stylesheets/desktop/alert.scss
+++ b/app/assets/stylesheets/desktop/alert.scss
@@ -1,3 +1,3 @@
 .alert {
-  margin-bottom: 15px;
+  margin-bottom: 1em;
 }
diff --git a/app/assets/stylesheets/desktop/banner.scss b/app/assets/stylesheets/desktop/banner.scss
index 3bfe777..ecfcff7 100644
--- a/app/assets/stylesheets/desktop/banner.scss
+++ b/app/assets/stylesheets/desktop/banner.scss
@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 #banner {
-  margin-bottom: 10px;
+  margin-bottom: 1em;
   max-width: 1090px;
   max-height: 250px;
 }

GitHub sha: 1840023c