From 355c6bc3dcbfbbfd8452a690efd09e319118223f Mon Sep 17 00:00:00 2001
From: Giovanni Abbatepaolo <30571828+bbtgnn@users.noreply.github.com>
Date: Mon, 29 Jul 2024 10:12:21 +0200
Subject: [PATCH] fix: responsiveness (#15)

fix: spacing

Co-authored-by: Puria Nafisi Azizi <puria@dyne.org>
---
 .../dyne-slangroom-editor.tsx                 | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx b/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
index a0a3e64..f61757a 100644
--- a/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
+++ b/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
@@ -275,21 +275,27 @@ function AnsiRenderer(props: { text: string; className?: string }) {
 function ZencodeErrorRenderer(props: { error: ZencodeRuntimeError }) {
   const { error } = props;
   return (
-    <div>
-      <Title name="trace" className="mb-1" />
-      <dyne-code-editor name="trace" content={error.trace.join('\n')}></dyne-code-editor>
+    <div class="space-y-4">
+      <div>
+        <Title name="trace" className="mb-2" />
+        <dyne-code-editor name="trace" content={error.trace.join('\n')}></dyne-code-editor>
+      </div>
 
-      <Title name="logs" className="mb-1" />
-      <dyne-code-editor name="logs" content={error.logs.join('\n')}></dyne-code-editor>
+      <div>
+        <Title name="logs" className="mb-2" />
+        <dyne-code-editor name="logs" content={error.logs.join('\n')}></dyne-code-editor>
+      </div>
 
-      <Title name="heap" className="mb-1" />
-      <dyne-code-editor
-        name="heap"
-        content={JSON.stringify(error.heap, null, 2)}
-        config={{
-          extensions: [json()],
-        }}
-      ></dyne-code-editor>
+      <div>
+        <Title name="heap" className="mb-2" />
+        <dyne-code-editor
+          name="heap"
+          content={JSON.stringify(error.heap, null, 2)}
+          config={{
+            extensions: [json()],
+          }}
+        ></dyne-code-editor>
+      </div>
     </div>
   );
 }