From ff19cac973e4dcace4c3f6adb3df61e0a552af32 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Thu, 27 Jan 2022 13:16:58 -0800
Subject: [PATCH] okay working team dashboard for mobile

---
 components/RoomCard.tsx  | 6 +++---
 pages/teams/[teamid].tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/RoomCard.tsx b/components/RoomCard.tsx
index 0c76e26..53c2d90 100644
--- a/components/RoomCard.tsx
+++ b/components/RoomCard.tsx
@@ -350,12 +350,12 @@ export default function RoomCard(props: IRoomCardProps) {
     <span
       className={`flex flex-col ${
         isUserInRoom ? " bg-white bg-opacity-80" : "bg-gray-300 bg-opacity-25"
-      }  rounded-lg justify-between w-96 m-2 shrink-0 h-[14rem] shadow-md`}
+      }  rounded-lg justify-between md:w-96 w-72 m-2 shrink-0 h-[14rem] shadow-md overflow-ellipsis`}
     >
       {/* header */}
       <span className="flex flex-row justify-between items-start space-x-1 p-5 h-full">
         {/* meeting details */}
-        <span className="flex flex-col items-baseline justify-start max-w-xs h-full">
+        <span className="flex flex-col items-baseline justify-start max-w-[12rem] h-full">
           <span
             className={`${
               isUserInRoom ? " text-gray-500" : "text-white"
@@ -367,7 +367,7 @@ export default function RoomCard(props: IRoomCardProps) {
             <span
               className={`${
                 isUserInRoom ? "text-gray-400" : "text-gray-200"
-              } text-xs mb-auto text-ellipsis whitespace-pre-line max-h-[3rem] overflow-hidden`}
+              } text-xs mb-auto text-ellipsis whitespace-pre-line max-h-[3rem] truncate`}
             >
               {props.room.description}
             </span>
diff --git a/pages/teams/[teamid].tsx b/pages/teams/[teamid].tsx
index f36da46..31fd330 100644
--- a/pages/teams/[teamid].tsx
+++ b/pages/teams/[teamid].tsx
@@ -86,11 +86,11 @@ function TeamDashboard() {
     <>
       <ShortcutHelpModal />
 
-      <div className="container mx-auto py-10 px-10 flex flex-col space-y-5">
+      <div className="container mx-auto py-10 lg:px-10 flex flex-col space-y-5">
         <Header />
 
-        <div className="flex flex-row items-start space-x-5 h-[56rem]">
-          <div className="flex flex-col max-w-sm space-y-5 h-full">
+        <div className="flex flex-row items-start lg:space-x-5 h-[56rem]">
+          <div className="hidden lg:flex flex-col max-w-sm space-y-5 h-full">
             <Office />
 
             <TeamVoiceLine />