From f8ec984a5bc0eb5e3de1bca66542f2b016c83482 Mon Sep 17 00:00:00 2001
From: "Martyn T. Keigher" <martyn@martynkeigher.com>
Date: Tue, 11 May 2021 16:44:42 -0400
Subject: [PATCH] Show copy icon on hover

2 CSS Tweaks:
- Show copy button only when content box is hovered over. Hover icon will not overlap content area text. (line 74)
- Tweaked spacing in content area for cleaner look. (line 54)
---
 src/main.css | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/main.css b/src/main.css
index 1b63580..1c487c7 100644
--- a/src/main.css
+++ b/src/main.css
@@ -52,19 +52,28 @@
 }
 
 .admonition-content {
-    margin: 0 0.6rem;
-    position: relative;
+  margin: 10px 15px;
+  padding-right: 25px;
+  position: relative;
 }
+
 .admonition-content-copy {
-    position: absolute;
-    top: 0;
-    right: 0;
-    color: var(--text-faint);
-    cursor: pointer;
-    margin: -10px -2px;
+  color: var(--text-faint);
+  cursor: pointer;
+  opacity: 0;
+  position: absolute;
+  right: 0px;
+  top: 0;
+  transition: 0.3s all ease-in;
 }
+
 .admonition-content-copy:hover {
-    color: var(--text-normal);
+  color: var(--text-normal);
+}
+
+.admonition-content:hover > .admonition-content-copy,
+.admonition-content-copy:hover {
+  opacity: 1;
 }
 
 details.admonition:not([open]) {