From 528a13694e541a51eff98d482463ae10206f6eb3 Mon Sep 17 00:00:00 2001
From: Pranshu Aggarwal <pranshu1902@gmail.com>
Date: Thu, 1 Jun 2023 01:15:30 +0530
Subject: [PATCH] make buttons full width

---
 src/Components/Patient/FileUpload.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Components/Patient/FileUpload.tsx b/src/Components/Patient/FileUpload.tsx
index 2455009081..3a148f9ba3 100644
--- a/src/Components/Patient/FileUpload.tsx
+++ b/src/Components/Patient/FileUpload.tsx
@@ -1582,7 +1582,7 @@ export const FileUpload = (props: FileUploadProps) => {
                     <AuthorizedChild authorizeFor={NonReadOnlyUsers}>
                       {({ isAuthorized }) =>
                         isAuthorized ? (
-                          <label className="font-medium h-min inline-flex whitespace-pre items-center gap-2 transition-all duration-200 ease-in-out cursor-pointer disabled:cursor-not-allowed disabled:bg-gray-200 disabled:text-gray-500 outline-offset-1 button-size-default justify-center button-shape-square button-primary-default">
+                          <label className="w-full md:w-auto font-medium h-min inline-flex whitespace-pre items-center gap-2 transition-all duration-200 ease-in-out cursor-pointer disabled:cursor-not-allowed disabled:bg-gray-200 disabled:text-gray-500 outline-offset-1 button-size-default justify-center button-shape-square button-primary-default">
                             <CareIcon className="care-l-file-upload-alt text-lg" />
                             {t("choose_file")}
                             <input
@@ -1597,7 +1597,10 @@ export const FileUpload = (props: FileUploadProps) => {
                         )
                       }
                     </AuthorizedChild>
-                    <ButtonV2 onClick={() => setModalOpenForCamera(true)}>
+                    <ButtonV2
+                      onClick={() => setModalOpenForCamera(true)}
+                      className="w-full md:w-auto"
+                    >
                       <CareIcon className="care-l-camera text-lg mr-2" />
                       Open Camera
                     </ButtonV2>
@@ -1605,6 +1608,7 @@ export const FileUpload = (props: FileUploadProps) => {
                       authorizeFor={NonReadOnlyUsers}
                       disabled={!file || !uploadFileName || !isActive}
                       onClick={() => handleUpload({ status })}
+                      className="w-full md:w-auto"
                     >
                       <CareIcon className="care-l-cloud-upload text-lg" />
                       {t("upload")}