fixes "Set average weekly working hour" button in user tab is not res…

…ponsive Fixes #7309 (#7480) * fixes "Set average weekly working hour" button in user tab is not responsive #7309 * Update ManageUsers.tsx * Update ManageUsers.tsx * fix lint * Update src/Components/Users/ManageUsers.tsx
ohcnetwork · May 7, 2024 · 5264c0a · 5264c0a
1 parent 02d9b90
commit 5264c0a
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/Components/Users/ManageUsers.tsx b/src/Components/Users/ManageUsers.tsx
@@ -412,18 +412,20 @@ export default function ManageUsers() {
                   {["DistrictAdmin", "StateAdmin"].includes(
                     authUser.user_type,
                   ) && (
-                    <div className="flex-col md:flex-row">
+                    <div>
                       <ButtonV2
                         id="avg-workinghour"
-                        className="flex w-full items-center md:w-full"
+                        className="w-full"
                         onClick={() => {
                           setExpandWorkingHours(true);
                           setSelectedUser(user.username);
                           setWeeklyHours(user.weekly_working_hours);
                         }}
                       >
                         <CareIcon icon="l-clock" className="text-xl" />
-                        <p>Set Average weekly working hours</p>
+                        <p className="whitespace-normal md:whitespace-nowrap">
+                          Set Average weekly working hours
+                        </p>
                       </ButtonV2>
                     </div>
                   )}