fix: copy button position

1 files changed, 15 insertions, 8 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 6e83511..a2f67cf 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -66,7 +66,7 @@ li {
     list-style-type: none;
   }
 
-  & > input[type="checkbox"] {
+  &>input[type="checkbox"] {
     width: var(--li-checkbox-size);
     height: var(--li-checkbox-size);
     margin: 0 0.2em 0.15em -1.25em;
@@ -86,17 +86,24 @@ input {
 
 /* Code blocks */
 
+.highlight {
+  position: relative;
+}
+
+
+.copy-code-container {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 10;
+}
+
 .copy-code-button {
   background-color: var(--background);
   font-family: var(--font-mono);
   padding: 3px 6px;
-  font-size: 0.8em;
+  font-size: .8em;
   border-radius: var(--copy-code-button-border-radius);
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  z-index: 1;
-  display: none;
   border: 1px solid var(--code-border);
 }
 
@@ -598,4 +605,4 @@ blockquote {
 blockquote p {
   margin-left: 1rem;
   margin-right: 1rem;
-}
+}
\ No newline at end of file