diff options
| author | Luke Bennett <lukeeeebennettplus@gmail.com> | 2018-04-03 17:31:55 +0100 |
|---|---|---|
| committer | Luke Bennett <lukeeeebennettplus@gmail.com> | 2018-04-03 17:31:55 +0100 |
| commit | 2addebc744826265d6eaf78c729b28e7477453d1 (patch) | |
| tree | c329116a1e69c5003fe456aff1ccf910e4c5a3d3 /app/assets/stylesheets | |
| parent | e11dfbefe92f80e7cd509db3da55864f6983030a (diff) | |
| download | gitlab-ce-2addebc744826265d6eaf78c729b28e7477453d1.tar.gz | |
UX changes
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/framework/banner.scss | 23 | ||||
| -rw-r--r-- | app/assets/stylesheets/framework/buttons.scss | 2 |
2 files changed, 17 insertions, 8 deletions
diff --git a/app/assets/stylesheets/framework/banner.scss b/app/assets/stylesheets/framework/banner.scss index 49642177c67..4448e443cd2 100644 --- a/app/assets/stylesheets/framework/banner.scss +++ b/app/assets/stylesheets/framework/banner.scss @@ -2,7 +2,6 @@ display: flex; position: relative; flex-wrap: wrap; - justify-content: center; align-items: start; .banner-close { @@ -18,18 +17,28 @@ } .banner-graphic { - margin: 0 20px 20px; + margin: 0 20px 20px 0; } &.banner-non-empty-state { border-bottom: 1px solid $border-color; } - .banner-body { - text-align: left; - } + @media (max-width: $screen-xs-max) { + justify-content: center; + + .banner-title, + .banner-buttons { + text-align: center; + } - .banner-buttons { - text-align: center; + .banner-text, + .banner-link { + display: inline; + } + + .banner-graphic { + margin: 0 20px 20px; + } } } diff --git a/app/assets/stylesheets/framework/buttons.scss b/app/assets/stylesheets/framework/buttons.scss index b10cdf206a0..fd4e2261103 100644 --- a/app/assets/stylesheets/framework/buttons.scss +++ b/app/assets/stylesheets/framework/buttons.scss @@ -486,4 +486,4 @@ fieldset[disabled] .btn, &:hover { @extend %disabled; } -} +}
\ No newline at end of file |