enhancement/issue 96 icons positioning and alignment tweaks (#173)

ProjectEvergreen · Jan 30, 2025 · a4e343c · a4e343c
1 parent a3619bb
commit a4e343c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/copy-to-clipboard-block/ctc-block.css b/src/components/copy-to-clipboard-block/ctc-block.css
@@ -12,7 +12,7 @@
     float: left;
     cursor: pointer;
     width: var(--size-fluid-5);
-    margin: var(--size-4) var(--size-2) var(--size-1) var(--size-2);
+    margin: var(--size-3) var(--size-1) var(--size-1) var(--size-1);
     border-bottom: 2px solid transparent;
     padding: var(--size-1);
     display: flex;
@@ -96,6 +96,7 @@
 
   & pre {
     border: 2px solid var(--color-white);
+    margin: var(--size-3) 0 var(--size-2) 0;
   }
 
   & .copy-icon {

diff --git a/src/components/copy-to-clipboard-block/ctc-block.js b/src/components/copy-to-clipboard-block/ctc-block.js
@@ -9,8 +9,8 @@ const template = document.createElement("template");
 
 const scriptRunnerLogoMapper = {
   npm: npmLogo,
-  yarn: yarnLogo,
   pnpm: pnpmLogo,
+  yarn: yarnLogo,
 };
 
 export default class CopyToClipboardBlock extends HTMLElement {