From 9f1b29c1a8b7dd2614f0fc41d8c5f4a3f52e45d8 Mon Sep 17 00:00:00 2001
From: Ashesh <3626859+Ashesh3@users.noreply.github.com>
Date: Thu, 4 Jan 2024 21:25:58 +0530
Subject: [PATCH] Refactor DailyRoundsList component and DefaultLogUpdateCard
 component (#6973)

---
 .../Facility/ConsultationDetails/ConsultationUpdatesTab.tsx   | 2 +-
 .../Consultations/DailyRounds/DefaultLogUpdateCard.tsx        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx b/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
index ed2d4277c54..5e5b574dd07 100644
--- a/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
+++ b/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
@@ -652,7 +652,7 @@ export const ConsultationUpdatesTab = (props: ConsultationTabProps) => {
             </div>
           </div>
         </div>
-        <div className="w-full pl-4 xl:w-1/3">
+        <div className="w-full pl-0 md:pl-4 xl:w-1/3">
           <DailyRoundsList consultation={props.consultationData} />
         </div>
       </div>
diff --git a/src/Components/Facility/Consultations/DailyRounds/DefaultLogUpdateCard.tsx b/src/Components/Facility/Consultations/DailyRounds/DefaultLogUpdateCard.tsx
index 4cb90c900b1..34518afcb9b 100644
--- a/src/Components/Facility/Consultations/DailyRounds/DefaultLogUpdateCard.tsx
+++ b/src/Components/Facility/Consultations/DailyRounds/DefaultLogUpdateCard.tsx
@@ -32,12 +32,13 @@ const DefaultLogUpdateCard = ({ round, ...props }: Props) => {
         attributeKey="other_details"
         attributeValue={round.other_details}
       />
-      <div className="mt-2 flex items-center gap-2">
+      <div className="mt-2 flex w-full flex-col items-center gap-2 md:w-auto md:flex-row">
         <ButtonV2
           variant="secondary"
           border
           ghost
           size="small"
+          className="w-full"
           onClick={props.onViewDetails}
         >
           <CareIcon className="care-l-eye text-lg" />
@@ -48,6 +49,7 @@ const DefaultLogUpdateCard = ({ round, ...props }: Props) => {
           border
           ghost
           size="small"
+          className="w-full"
           onClick={props.onUpdateLog}
         >
           <CareIcon className="care-l-pen text-lg" />