From 4c07bf25fe10e8122f9495bf1b0f8b613227aa59 Mon Sep 17 00:00:00 2001
From: Sidharth Vijayan <sidharthclt12@gmail.com>
Date: Fri, 1 May 2026 15:02:34 +0530
Subject: [PATCH 1/3] #211 Change height to min-height for timetable div

---
 src/app/slots/slots.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/slots/slots.tsx b/src/app/slots/slots.tsx
index 45c2196..36b1e24 100644
--- a/src/app/slots/slots.tsx
+++ b/src/app/slots/slots.tsx
@@ -179,7 +179,7 @@ export default function View() {
         {/* Timetable Section */}
         <div className="mx-auto mt-12 mb-10 w-full max-w-[1000px]">
           <div className="overflow-x-auto">
-            <div className="min-w-[1000px] h-[480px]">
+            <div className="min-w-[1000px] min-h-[480px]">
               <TimeTable
                 slotNames={active.map(i => ({
                   slotName: buttonTexts[i],

From 6a8d985294ec81c73922b79a0e390dfc24252ee5 Mon Sep 17 00:00:00 2001
From: Sidharth Vijayan <sidharthclt12@gmail.com>
Date: Thu, 7 May 2026 01:15:13 +0530
Subject: [PATCH 2/3] Refactor Timetable Section layout in slots.tsx

---
 src/app/slots/slots.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/app/slots/slots.tsx b/src/app/slots/slots.tsx
index 36b1e24..cc8430f 100644
--- a/src/app/slots/slots.tsx
+++ b/src/app/slots/slots.tsx
@@ -177,15 +177,10 @@ export default function View() {
         )}
 
         {/* Timetable Section */}
-        <div className="mx-auto mt-12 mb-10 w-full max-w-[1000px]">
+        <div className="w-full mt-12 mb-10 px-4">
           <div className="overflow-x-auto">
-            <div className="min-w-[1000px] min-h-[480px]">
-              <TimeTable
-                slotNames={active.map(i => ({
-                  slotName: buttonTexts[i],
-                  showName: true,
-                }))}
-              />
+            <div className="min-w-[1000px]">
+              <TimeTable ... />
             </div>
           </div>
         </div>

From 98aaf0a5166933976f6a486ce014538023a718fa Mon Sep 17 00:00:00 2001
From: Sidharth Vijayan <sidharthclt12@gmail.com>
Date: Thu, 7 May 2026 01:16:07 +0530
Subject: [PATCH 3/3] Adjust TimeTable component to use aspect ratio

Removed height from TimeTable component to maintain aspect ratio.
---
 src/components/ui/TimeTable.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/TimeTable.tsx b/src/components/ui/TimeTable.tsx
index cdb647a..bfa14d5 100644
--- a/src/components/ui/TimeTable.tsx
+++ b/src/components/ui/TimeTable.tsx
@@ -119,8 +119,12 @@ export default function TimeTable({ slotNames }: { slotNames: tableFacingSlot[]
 
   return (
     <div
-      className="grid bg-black relative w-full h-full p-[1px] select-none font-inter"
-      style={{ gridTemplateColumns, gridTemplateRows }}
+      className="grid bg-black relative w-full p-[1px] select-none font-inter"
+      style={{
+        gridTemplateColumns,
+        gridTemplateRows,
+        aspectRatio: `${totalColWeight} / ${totalRowWeight}`,
+      }}
     >
       {cells}
       <div