diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss index 97b454e039..de709d09ba 100644 --- a/site/assets/scss/_clipboard-js.scss +++ b/site/assets/scss/_clipboard-js.scss @@ -39,6 +39,6 @@ .btn-clipboard { position: relative; z-index: 2; - margin-top: .75rem; + margin-top: 1.25rem; margin-right: .75rem; } diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index bc75559aa5..14adbe94d4 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -359,10 +359,11 @@ } pre { - padding: 0; - margin-top: .625rem; + padding: .25rem 0 .875rem; + margin-top: .8125rem; margin-right: 1.875rem; - margin-bottom: .625rem; + margin-bottom: 0; + overflow: overlay; white-space: pre; background-color: transparent; border: 0; diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss index d39f640ae7..4ca5068bcd 100644 --- a/site/assets/scss/_masthead.scss +++ b/site/assets/scss/_masthead.scss @@ -36,10 +36,18 @@ @include media-breakpoint-up(lg) { padding-right: 4rem; } + + pre { + padding: 0; + margin-top: .625rem; + margin-right: 1.875rem; + margin-bottom: .625rem; + overflow: hidden; + } } .btn-clipboard { position: absolute; - top: -.125rem; + top: -.625rem; right: 0; background-color: transparent; }