diff options
| author | Achilleas Pipinellis <axil@gitlab.com> | 2020-08-13 11:46:04 +0300 |
|---|---|---|
| committer | Achilleas Pipinellis <axil@gitlab.com> | 2020-08-20 11:55:12 +0300 |
| commit | 2c9347b87944f9cb60544f556ba7be1d71935c48 (patch) | |
| tree | 4d433ca94bf74173f2367dc7c4eb40dd70671b0d | |
| parent | af60dc91aadde46e08fc58b9a5876f0b7192a66e (diff) | |
Don't use inline style and extract center align to a utility class
| -rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 10 | ||||
| -rw-r--r-- | layouts/banner.html | 6 |
2 files changed, 11 insertions, 5 deletions
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index 7dda7c1b..18e0638c 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -919,8 +919,12 @@ a.global-nav-link { background-color: rgba($banner-background, .3); border-color: rgba($banner-background, .3); color: $banner-text; - text-align: center; margin-top: 20px; + + i { + margin-left: 10px; + margin-right: 10px; + } } // End of banner alert box @@ -1514,7 +1518,9 @@ li { } } -//end of in-page styles +.center-align-text { + text-align: center; +} .banner { z-index: 5; diff --git a/layouts/banner.html b/layouts/banner.html index 77d568eb..823b4396 100644 --- a/layouts/banner.html +++ b/layouts/banner.html @@ -1,10 +1,10 @@ <div class="admonition-wrapper note"> - <div class="admonition alert alert-banner"> - <i class="fa fa-gitlab fa-fw" style="color:rgb(107,79,187); font-size:.85em" aria-hidden="true"></i> + <div class="admonition alert alert-banner center-align-text"> + <i class="fa fa-gitlab fa-fw" style="color:rgb(107,79,187); font-size:.85em" aria-hidden="true"></i> Help us understand your experience with GitLab documentation. <a href="https://gitlab.fra1.qualtrics.com/jfe/form/SV_eGaifkfVJ335st7?source=banner" target="_blank" rel="noopener noreferrer"> Take our 5 minute survey! </a> - <i class="fa fa-gitlab fa-fw" style="color:rgb(107,79,187); font-size:.85em" aria-hidden="true"></i> + <i class="fa fa-gitlab fa-fw" style="color:rgb(107,79,187); font-size:.85em" aria-hidden="true"></i> </div> </div> |