fix msg banner spacing and padding (#24656)

2020-07-31 10:04:09 -04:00
parent d1f23422ca
commit 31f68d86ce
1 changed files with 9 additions and 2 deletions
--- a/lms/static/sass/elements/_system-feedback.scss
+++ b/lms/static/sass/elements/_system-feedback.scss
@@ -117,11 +117,12 @@
  &.recovery-email-alert,
  &.learner-portal-enabled-alert {
    &#banner-msg {
+      position: relative;
+      top: -10px;
+      padding: 20px 40px;
      background: $state-info-bg;
      box-shadow: none;
      border-top: 1px solid #579cc5;
-      padding: 20px 20px 20px 40px;
-      margin: -16px 0 10px 0;
    }

    .fa-close {
@@ -134,6 +135,12 @@
    }
  }

+  &.learner-portal-enabled-alert {
+    &#banner-msg {
+      margin-bottom: 10px;
+    }
+  }
+
  &.urgency-low {
    background: $notify-banner-bg-3;
    box-shadow: 0 1px 2px $shadow;