From aa3ebd5aafcb60ed3e230629348dee281beb0b2e Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Mon, 15 Jun 2020 11:37:47 +0100
Subject: [PATCH 1/3] Add top/bottom margin to highlighted code samples

provide more space to avoid having the "Copy" button overlap code sample content
---
 site/assets/scss/_component-examples.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index df735a41b7c5..c5d777ebe6b4 100644
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -233,8 +233,8 @@
 
   pre {
     padding: 0;
-    margin-top: 0;
-    margin-bottom: 0;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
     background-color: transparent;
     border: 0;
   }

From 7d8841b4f1e1da7738f20b3d597443ccd0e7e4e3 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Wed, 19 Aug 2020 22:56:51 +0100
Subject: [PATCH 2/3] Modify clipboard button style

Per https://github.com/twbs/bootstrap/pull/31036#issuecomment-661322566 and https://github.com/twbs/bootstrap/pull/31036#issuecomment-668162630
---
 site/assets/scss/_clipboard-js.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss
index c89353397300..d98149f60513 100644
--- a/site/assets/scss/_clipboard-js.scss
+++ b/site/assets/scss/_clipboard-js.scss
@@ -24,9 +24,9 @@
   display: block;
   padding: .25rem .5rem;
   @include font-size(.75em);
-  color: $gray-800;
-  background-color: transparent;
-  border: 0;
+  color: $primary;
+  background-color: $white;
+  border: 1px solid;
   @include border-radius();
 
   &:hover {

From 957ab20fdb99fd4d60065e54a1247611b007fa93 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Wed, 19 Aug 2020 23:19:08 +0100
Subject: [PATCH 3/3] Tweak margin, clipboard button size and position

---
 site/assets/scss/_clipboard-js.scss       | 6 +++---
 site/assets/scss/_component-examples.scss | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss
index d98149f60513..12be4037c334 100644
--- a/site/assets/scss/_clipboard-js.scss
+++ b/site/assets/scss/_clipboard-js.scss
@@ -18,12 +18,12 @@
 
 .btn-clipboard {
   position: absolute;
-  top: .5rem;
-  right: .5rem;
+  top: .65rem;
+  right: .65rem;
   z-index: 10;
   display: block;
   padding: .25rem .5rem;
-  @include font-size(.75em);
+  @include font-size(.65em);
   color: $primary;
   background-color: $white;
   border: 1px solid;
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index c5d777ebe6b4..4b7aa4355272 100644
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -233,8 +233,8 @@
 
   pre {
     padding: 0;
-    margin-top: 1rem;
-    margin-bottom: 1rem;
+    margin-top: .65rem;
+    margin-bottom: .65rem;
     background-color: transparent;
     border: 0;
   }