padding updated on mobile screen

ohcnetwork · Jan 9, 2025 · 9347595 · 9347595
1 parent 9953a12
commit 9347595
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Schedule/Appointments/AppointmentDetailsPage.tsx b/src/components/Schedule/Appointments/AppointmentDetailsPage.tsx
@@ -132,7 +132,7 @@ export default function AppointmentDetailsPage(props: Props) {
         [appointment.id]: { name: `Appointment on ${appointmentDate}` },
       }}
     >
-      <div className="container mx-auto p-6 max-w-7xl">
+      <div className="container mx-auto p-0 sm:p-6 max-w-7xl">
         <div
           className={cn(
             "flex flex-col lg:flex-row",
@@ -144,7 +144,7 @@ export default function AppointmentDetailsPage(props: Props) {
             facility={facilityQuery.data}
           />
           <div className="mt-3">
-            <div id="appointment-token-card" className="bg-gray-50 p-4">
+            <div id="appointment-token-card" className="bg-gray-50 p-4 ">
               <AppointmentTokenCard
                 appointment={appointmentQuery.data}
                 facility={facilityQuery.data}