Fix line wrapping on homebrew button on downloads page (#3589)

Signed-off-by: kagarmoe <kgarmoe@chef.io>
inspec · Nov 8, 2018 · 6859d76 · 6859d76
1 parent 399ee93
commit 6859d76
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/www/source/downloads.html.slim b/www/source/downloads.html.slim
@@ -39,7 +39,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
             a href="https://brew.sh/" Homebrew
             '  package.
           .pad-under-xs
-            .box-code.small.shadow.margin-top-xs
+            .box-code.custom-box-margin.shadow
              i#copy.fa.fa-copy.copy.t-purple.mobile-hide onclick="copyToClipboard('#install')"
              code#install brew cask install chef/chef/inspec
         .triangle-right

diff --git a/www/source/stylesheets/_code.scss b/www/source/stylesheets/_code.scss
@@ -19,7 +19,11 @@ code {
 	padding: $percent_xs;
 	border-radius: 4px;
 	background-color: $color-dark;
-	margin: 0 0 1rem;
+  margin: 0 0 1rem;
+}
+
+.custom-box-margin {
+  padding: 16px 0px;
 }
 
 .box-code-overwrite {
@@ -82,3 +86,4 @@ code {
 .hljs-strong{
    font-weight:bold
 }
+
diff --git a/www/source/stylesheets/_layout.scss b/www/source/stylesheets/_layout.scss
@@ -238,7 +238,6 @@
 	padding-bottom: $percent_xs;
 }
 
-
 .box-white { // White Box
 	width: 100%;
 	padding: $percent_sm;
@@ -527,3 +526,4 @@ div.st-ui-autocomplete div.st-query-present, section.st-ui-slide-autocomplete di
 	-moz-border-radius: 8px !important;
 	border-radius: 8px !important;
 }
+