From 9c4dc37e34d67b6f5f84729d79a2e6d4a16f338c Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Mon, 28 Aug 2023 14:53:07 +0100
Subject: [PATCH] improve code spacing

---
 src/lib/commandCenter/panels/ai.svelte |  8 +++++++-
 src/lib/components/code.svelte         | 13 +++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index e279b69d8..8d4e501b0 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -159,7 +159,13 @@
                                     <div
                                         class="u-margin-block-start-8"
                                         style="margin-block-end: 1rem;">
-                                        <Code language={part.language} code={part.value} noMargin />
+                                        <Code
+                                            label={part.language}
+                                            language={part.language}
+                                            code={part.value}
+                                            noMargin
+                                            noBoxPadding
+                                            withCopy />
                                     </div>
                                 {/key}
                             {/if}
diff --git a/src/lib/components/code.svelte b/src/lib/components/code.svelte
index 9941b1c4f..3198f8179 100644
--- a/src/lib/components/code.svelte
+++ b/src/lib/components/code.svelte
@@ -29,6 +29,7 @@
     export let withLineNumbers = false;
     export let withCopy = false;
     export let noMargin = false;
+    export let noBoxPadding = false;
     export let allowScroll = false;
 
     Prism.plugins.customClass.prefix('prism-');
@@ -38,7 +39,7 @@
     });
 </script>
 
-<section class="box u-overflow-hidden" class:common-section={!noMargin}>
+<section class="box u-overflow-hidden" class:common-section={!noMargin} class:noBoxPadding>
     <div
         class="controls u-position-absolute u-inset-inline-end-8 u-inset-block-start-8 u-flex u-gap-8">
         {#if label}
@@ -79,11 +80,19 @@
         }
     }
 
+    .noBoxPadding {
+        padding: 0 !important;
+    }
+
     .with-scroll {
         height: 100%;
         overflow: auto;
     }
 
+    pre {
+        padding-inline-end: 7rem !important; // Add space for label and copy btn
+    }
+
     code,
     pre {
         &[class*='language-'] {
@@ -116,7 +125,7 @@
     :not(pre) > code[class*='language-'],
     pre[class*='language-'] {
         background: hsl(var(--p-box-background-color));
-        padding-block-start: 4%;
+
         margin: 0;
     }
     .prism-token {