From 9798e062db74c59b6d5c4c2fbc95e27d730cf224 Mon Sep 17 00:00:00 2001
From: Saahith <22772542+saahithjanapati@users.noreply.github.com>
Date: Thu, 25 Sep 2025 11:36:24 -0400
Subject: [PATCH] Fix mobile layout for meeting times

---
 src/Catalog.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/Catalog.css b/src/Catalog.css
index 49037ad..3eee515 100644
--- a/src/Catalog.css
+++ b/src/Catalog.css
@@ -609,19 +609,25 @@ tr.title-header:hover th{
 
   }
   .catalogPage .meeting-table{
-    width: 10%;
+    width: 100%;
   }
 
-  .catalogPage .days{
-    width: 9%;
+  .catalogPage .meeting-table-head,
+  .catalogPage .meeting-row {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    text-align: left;
   }
 
-  .catalogPage .time{
-    width: 9%;
+  .catalogPage .meeting-table-content {
+    row-gap: 4px;
   }
 
+  .catalogPage .days,
+  .catalogPage .time,
   .catalogPage .location{
-    width: 9%;
+    width: auto;
+    text-align: left;
+    word-break: break-word;
   }
 }