diff --git a/app/assets/stylesheets/common/base/alert.scss b/app/assets/stylesheets/common/base/alert.scss index c367b3f8ea7..d729cdc7423 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 72f45ff9496..1399ace3645 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 eead66319aa..f3f57eac668 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 3bfe777809c..ecfcff7d372 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; }