From 1a6607d14cc2fe855bc744201ca0153c25872ba2 Mon Sep 17 00:00:00 2001
From: Utkarsh-Anandani <utkarshanandani9@gmail.com>
Date: Tue, 7 Jan 2025 12:37:24 +0530
Subject: [PATCH] Added scroll and responsiveness to the plots page

---
 .../Encounters/tabs/EncounterPlotsTab.tsx      | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/pages/Encounters/tabs/EncounterPlotsTab.tsx b/src/pages/Encounters/tabs/EncounterPlotsTab.tsx
index c0857b2d000..e7b5eacd4c2 100644
--- a/src/pages/Encounters/tabs/EncounterPlotsTab.tsx
+++ b/src/pages/Encounters/tabs/EncounterPlotsTab.tsx
@@ -43,20 +43,22 @@ export const EncounterPlotsTab = (props: EncounterTabProps) => {
         value={currentTabId}
         onValueChange={(value) => setQParams({ plot: value })}
       >
-        <TabsList>
-          {data.map((tab) => (
-            <TabsTrigger key={tab.id} value={tab.id}>
-              {tab.name}
-            </TabsTrigger>
-          ))}
-        </TabsList>
+        <div className="overflow-x-scroll w-full">
+          <TabsList>
+            {data.map((tab) => (
+              <TabsTrigger key={tab.id} value={tab.id}>
+                {tab.name}
+              </TabsTrigger>
+            ))}
+          </TabsList>
+        </div>
 
         {data.map((tab) => (
           <TabsContent key={tab.id} value={tab.id}>
             <ObservationVisualizer
               patientId={props.patient.id}
               codeGroups={tab.groups}
-              gridCols={2}
+              gridCols={window.innerWidth >= 768 ? 2 : 1}
             />
           </TabsContent>
         ))}