From 623b3bfa4b80cb29da38633b9540a1e6bed53c59 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Sun, 12 May 2024 16:39:10 +0200
Subject: [PATCH] Update Script.tsx component layout and styling

---
 components/Script.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Script.tsx b/components/Script.tsx
index 3ccdbc0..39ab421 100644
--- a/components/Script.tsx
+++ b/components/Script.tsx
@@ -93,10 +93,10 @@ function ScriptItem() {
   return (
     <Suspense fallback={null}>
       {item && (
-        <div className="mr-7 mt-0 flex h-screen w-full rounded-lg">
-          <div className="flex w-full sm:fixed sm:max-w-xl md:max-w-2xl lg:max-w-3xl xl:max-w-4xl ">
+        <div className="mr-7 mt-0 flex h-screen w-full min-w-fit">
+          <div className="flex w-full min-w-fit">
             <div className="flex w-full flex-col">
-              <div className="flex items-center justify-between">
+              <div className="flex items-center justify-between min-w-max">
                 <h2 className="text-lg font-semibold">Selected Script</h2>
                 <X onClick={closeScript} className="cursor-pointer" />
               </div>
@@ -197,7 +197,7 @@ function ScriptItem() {
                   </div>
                 </div>
               </div>
-              <Separator className="mt-5" />
+              <Separator className="mt-5 min-w-max w-full" />
               <div>
                 <div className="mt-5">
                   <h2 className="max-w-prose text-lg font-semibold">