Tweak alignment of code toolbar buttons

digitalocean · Mar 25, 2024 · 1f3049a · 1f3049a
1 parent 1b2bccf
commit 1f3049a
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/styles/_code_prism.scss b/styles/_code_prism.scss
@@ -1,5 +1,5 @@
 /*
-Copyright 2023 DigitalOcean
+Copyright 2024 DigitalOcean
 
 Licensed under the Apache License, Version 2.0 (the "License") !default;
 you may not use this file except in compliance with the License.
@@ -86,8 +86,8 @@ pre {
 
     > .toolbar {
         position: absolute;
-        right: 24px;
-        top: 24px;
+        right: calc(1.5em - 0.5em);
+        top: calc(1.5em - 0.375em);
 
         > .toolbar-item {
             display: inline-block;
@@ -107,11 +107,12 @@ pre {
             > a,
             > button {
                 background: $neutral3;
-                border-radius: 10px;
+                border-radius: 0.625em;
                 color: $white;
                 cursor: pointer;
-                padding: 6px 8px;
-                transition: color 0.25s, background 0.25s; 
+                line-height: 1;
+                padding: 0.375em 0.5em;
+                transition: color 0.25s, background 0.25s;
 
                 span {
                     color: $white;