From 5390c697e2dd203ca176618efd8969c777dac38a Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Fri, 10 May 2024 01:38:10 -0500
Subject: [PATCH] reduce card header padding on mobile viewport

---
 src/components/common/AbstractCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/AbstractCard.tsx b/src/components/common/AbstractCard.tsx
index 8e13aac..53386c3 100644
--- a/src/components/common/AbstractCard.tsx
+++ b/src/components/common/AbstractCard.tsx
@@ -26,7 +26,7 @@ const AbstractCard: FunctionComponent<AbstractCardProps> = ({
   return (
     <div className="mb-4 overflow-clip rounded bg-zinc-800 shadow">
       {header != undefined || data != undefined ? (
-        <div className="flex bg-zinc-700 p-2 pl-5">
+        <div className="flex bg-zinc-700 p-2 pl-3 md:pl-5">
           <div className="grow space-x-2">{header}</div>
           {data != undefined ? (
             <div className="pr-1">