Refactor DailyRoundsList component and DefaultLogUpdateCard component

src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx

@@ -672,7 +672,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>

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" />