From 47bb9cb7f30f59afdbc201d4838ae346283bac5f Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Thu, 9 May 2024 02:19:20 -0500
Subject: [PATCH] Reduce the spacing, add scrolling ability to ErrorCard

---
 src/components/common/ErrorCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/common/ErrorCard.tsx b/src/components/common/ErrorCard.tsx
index 93322df..60381f4 100644
--- a/src/components/common/ErrorCard.tsx
+++ b/src/components/common/ErrorCard.tsx
@@ -16,15 +16,15 @@ const ErrorCard: FunctionComponent<ErrorCardProps> = ({
   className,
 }) => {
   return (
-    <div className={clsx(className, "rounded-md border border-red-700/30 bg-zinc-800 p-4")}>
+    <div className={clsx(className, "rounded-md border border-red-700/30 bg-zinc-800 pt-3 px-3 pb-1")}>
       <div className="flex">
         <div className="flex-shrink-0">
           <XCircleIcon className="h-5 w-5 text-red-300" aria-hidden="true" />
         </div>
-        <div className="ml-3 text-sm text-red-300">
+        <div className="ml-3 text-sm text-red-300 w-full">
           <h3 className="font-medium text-red-200">{title}</h3>
           {description != undefined ? (
-            <div className="mt-2 whitespace-pre-wrap" >{description}</div>
+            <div className="mt-2 whitespace-pre-wrap max-h-24 overflow-y-auto w-full" >{description}</div>
           ) : null}
           <div className="mt-2">
             {issues != undefined ? (