From 68c64699dd03aaa492720720a7b8b8abcb561d60 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 12 May 2025 15:58:21 +0200
Subject: [PATCH] Fix paddings, margins

---
 src/lib/components/studio/chat/chat.svelte            |  7 ++++++-
 .../studio/artifact-[artifact]/+layout.svelte         | 11 ++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/studio/chat/chat.svelte b/src/lib/components/studio/chat/chat.svelte
index 9244f979f..d4daed12d 100644
--- a/src/lib/components/studio/chat/chat.svelte
+++ b/src/lib/components/studio/chat/chat.svelte
@@ -211,7 +211,7 @@
         @media (min-width: 768px) {
             width: 100%;
             height: 100%;
-            padding-inline: 0;
+            padding-inline: var(--space-4);
             background-color: transparent;
         }
     }
@@ -225,6 +225,11 @@
     .divider-wrapper {
         margin-inline-start: calc(-1 * var(--space-4));
         width: calc(100% + 2 * var(--space-4));
+
+        @media (min-width: 768px) {
+            margin-inline-start: calc(-1 * var(--space-7));
+            width: calc(100% + 2 * var(--space-7));
+        }
     }
 
     // fix alignment bug in Safari
diff --git a/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte b/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
index a8626294a..491a91f78 100644
--- a/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
+++ b/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
@@ -210,7 +210,7 @@
         </div>
     </Layout.Stack>
     {@render children()}
-    <aside bind:this={asideRef}>
+    <aside bind:this={asideRef} style:padding-block-end={terminalOpen ? 0 : '8px'}>
         <details bind:open={terminalOpen}>
             <summary
                 onmousedown={startResize}
@@ -269,7 +269,7 @@
 
         margin-inline-start: -9px;
         margin-block-end: calc(-1 * var(--base-8));
-        padding: var(--space-3);
+        padding: var(--space-3) 0;
 
         border: 1px solid var(--border-neutral);
         width: 100%;
@@ -287,6 +287,7 @@
     }
     summary {
         cursor: pointer;
+        padding-inline: var(--space-3);
     }
 
     .terminal-slider {
@@ -295,9 +296,9 @@
 
     .terminal-tabs {
         background-color: white;
-        padding: var(--space-4) var(--space-7);
-        margin-inline-start: calc(-1 * var(--space-4));
-        width: calc(100% + 14px);
+        padding: var(--space-4) var(--space-4);
+        margin-inline-start: calc(-1 * var(--space-1));
+        width: calc(100% + 1px);
     }
 
     .divider-wrapper-artifacts {