browser testing and responsiveness tweaks

ProjectEvergreen · Jan 24, 2025 · 1f2c01e · 1f2c01e
1 parent 6b0da62
commit 1f2c01e
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/components/copy-to-clipboard-block/ctc-block.css b/src/components/copy-to-clipboard-block/ctc-block.css
@@ -58,7 +58,7 @@
     padding: 0;
     border-radius: var(--radius-2);
     position: relative;
-    top: 60px;
+    top: 40px;
     float: right;
     right: 10px;
     width: 40px;
@@ -90,7 +90,6 @@
 }
 
 .shell-container {
-  border: 1px solid var(--color-prism-bg);
   background-color: var(--color-prism-bg);
   padding: 0 var(--size-2);
   border-radius: var(--radius-2);
@@ -104,7 +103,7 @@
     padding: 0;
     border-radius: var(--radius-2);
     position: relative;
-    top: 60px;
+    top: 10px;
     float: right;
     right: 10px;
     width: 40px;
@@ -120,7 +119,7 @@
 
 .snippet-container:has(.heading) {
   & .copy-icon {
-    top: 80px;
+    top: 50px;
   }
 }
 
@@ -131,13 +130,19 @@
     }
 
     & .copy-icon {
-      top: -100px;
+      top: -170px;
     }
   }
 
   .snippet-container {
     & .heading {
-      font-size: var(--size-3);
+      font-size: var(--size-4);
+    }
+  }
+
+  .snippet-container:has(.heading) {
+    & .copy-icon {
+      top: 60px;
     }
   }
 }