From 369232e27638fcb3c4f441c7e701f4a356579e14 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 3 Jan 2023 10:54:55 +0100
Subject: [PATCH] nit fix incorrect overflow-auto in display result

---
 frontend/src/lib/assets/app.css                          | 4 ++++
 frontend/src/lib/components/DisplayResult.svelte         | 2 +-
 frontend/src/lib/components/scriptEditor/LogPanel.svelte | 4 ++--
 frontend/tailwind.config.cjs                             | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/assets/app.css b/frontend/src/lib/assets/app.css
index c3cfbe4175..def927c598 100644
--- a/frontend/src/lib/assets/app.css
+++ b/frontend/src/lib/assets/app.css
@@ -27,6 +27,10 @@
 		whitespace: normal !important;
 	}
 
+	pre code.hljs {
+		overflow: visible !important;
+	}
+
 	svelte-virtual-list-row {
 		overflow: visible !important;
 	}
diff --git a/frontend/src/lib/components/DisplayResult.svelte b/frontend/src/lib/components/DisplayResult.svelte
index 5774fe68be..bed2e9b368 100644
--- a/frontend/src/lib/components/DisplayResult.svelte
+++ b/frontend/src/lib/components/DisplayResult.svelte
@@ -88,7 +88,7 @@
 				class="grid grid-flow-col-dense border border-gray-200 rounded-md "
 			>
 				{#each Object.keys(result) as col}
-					<div class="flex flex-col max-h-40 min-w-full overflow-auto">
+					<div class="flex flex-col max-h-40 min-w-full">
 						<div
 							class="px-12 text-left uppercase border-b bg-gray-50 overflow-hidden rounded-t-md "
 						>
diff --git a/frontend/src/lib/components/scriptEditor/LogPanel.svelte b/frontend/src/lib/components/scriptEditor/LogPanel.svelte
index 660e9e1935..af52dd49de 100644
--- a/frontend/src/lib/components/scriptEditor/LogPanel.svelte
+++ b/frontend/src/lib/components/scriptEditor/LogPanel.svelte
@@ -18,7 +18,7 @@
 	import LogViewer from '../LogViewer.svelte'
 	import { Pane } from 'svelte-splitpanes'
 	import SplitPanesWrapper from '../splitPanes/SplitPanesWrapper.svelte'
-	import { Loader, Loader2 } from 'lucide-svelte'
+	import { Loader2 } from 'lucide-svelte'
 
 	export let path: string | undefined
 	export let lang: Preview.language
@@ -87,7 +87,7 @@
 				</Pane>
 				<Pane>
 					{#if previewJob != undefined && 'result' in previewJob && previewJob.result != undefined}
-						<pre class="overflow-x-auto break-words relative h-full p-2"
+						<pre class="relative w-full h-full p-2"
 							><DisplayResult result={previewJob.result} />
 						</pre>
 					{:else}
diff --git a/frontend/tailwind.config.cjs b/frontend/tailwind.config.cjs
index 37ca106556..bbdeb40b2f 100644
--- a/frontend/tailwind.config.cjs
+++ b/frontend/tailwind.config.cjs
@@ -256,7 +256,7 @@ const config = {
 					padding: '0px !important',
 					fontFamily: theme('fontFamily.mono'),
 					fontSize: theme('fontSize.sm') + ' !important',
-					lineHeight: theme('lineHeight.4') + ' !important',
+					lineHeight: theme('lineHeight.4') + ' !important'
 				}
 			})
 			addComponents({