diff options
author | Jacques Erasmus <jerasmus@gitlab.com> | 2019-07-09 23:33:54 +0000 |
---|---|---|
committer | Fatih Acet <acetfatih@gmail.com> | 2019-07-09 23:33:54 +0000 |
commit | ac9c3add5ba03cc72e3f7afc81ec082c66457413 (patch) | |
tree | 32ab47356f7bd0a581daf9f225610205e2b91ac0 /app/assets/stylesheets/components | |
parent | ee1cffcf5433475266168ed43dbaa4a032721a09 (diff) | |
download | gitlab-ce-ac9c3add5ba03cc72e3f7afc81ec082c66457413.tar.gz |
Fix toast spacing issues
Fixed the toast spacing issues
Diffstat (limited to 'app/assets/stylesheets/components')
-rw-r--r-- | app/assets/stylesheets/components/toast.scss | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/app/assets/stylesheets/components/toast.scss b/app/assets/stylesheets/components/toast.scss index acbd909d595..e27bf282247 100644 --- a/app/assets/stylesheets/components/toast.scss +++ b/app/assets/stylesheets/components/toast.scss @@ -15,11 +15,15 @@ .toasted.gl-toast { border-radius: $border-radius-default; font-size: $gl-font-size; - padding: $gl-padding-8 $gl-padding-24; + padding: $gl-padding-8 $gl-padding $gl-padding-8 $gl-padding-24; margin-top: $toast-default-margin; line-height: $gl-line-height; background-color: rgba($gray-900, $toast-background-opacity); + span { + padding-right: $gl-padding-8; + } + @include media-breakpoint-down(xs) { .action:first-of-type { // Ensures actions buttons are right aligned on mobile @@ -29,19 +33,14 @@ .action { color: $blue-300; - margin: 0 0 0 $toast-action-margin-left; + margin: 0 0 0 $toast-default-margin; text-transform: none; font-size: $gl-font-size; - - &:first-of-type { - padding-right: 0; - } } .toast-close { font-size: $default-icon-size; margin-left: $toast-default-margin; - padding-left: $gl-padding; } } } |