From 0787ed74a09bfdf2006425a627fddf2ed84d49d9 Mon Sep 17 00:00:00 2001
From: Kshitij Verma <101321276+kshitijv256@users.noreply.github.com>
Date: Wed, 22 Nov 2023 09:05:02 +0530
Subject: [PATCH] fixed image upload modal (#6666)

---
 .../Facility/CoverImageEditModal.tsx          | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/Components/Facility/CoverImageEditModal.tsx b/src/Components/Facility/CoverImageEditModal.tsx
index 988bc288f58..a1394c6441f 100644
--- a/src/Components/Facility/CoverImageEditModal.tsx
+++ b/src/Components/Facility/CoverImageEditModal.tsx
@@ -301,11 +301,10 @@ const CoverImageEditModal = ({
           </form>
         ) : (
           <div className="flex max-h-screen min-h-[24rem] flex-col overflow-auto">
-            <div className="flex flex-col bg-gray-300">
+            <div className="mb-1 mt-2 flex flex-col">
               <span className="text-xl font-medium">
                 {t("capture_cover_photo")}
               </span>
-              <span className="mt-1 text-gray-700">{facility.name}</span>
             </div>
             <div className="flex flex-1 items-center justify-center">
               {!previewImage ? (
@@ -326,10 +325,13 @@ const CoverImageEditModal = ({
               )}
             </div>
             {/* buttons for mobile screens */}
-            <div className="m-4 flex justify-evenly sm:hidden ">
+            <div className="m-4 flex flex-col justify-evenly sm:hidden ">
               <div>
                 {!previewImage ? (
-                  <ButtonV2 onClick={handleSwitchCamera} className="m-2">
+                  <ButtonV2
+                    onClick={handleSwitchCamera}
+                    className="my-2 w-full"
+                  >
                     {t("switch")}
                   </ButtonV2>
                 ) : (
@@ -344,7 +346,7 @@ const CoverImageEditModal = ({
                         onClick={() => {
                           captureImage();
                         }}
-                        className="m-2"
+                        className="my-2 w-full"
                       >
                         {t("capture")}
                       </ButtonV2>
@@ -352,17 +354,17 @@ const CoverImageEditModal = ({
                   </>
                 ) : (
                   <>
-                    <div className="flex space-x-2">
+                    <div className="flex flex-col">
                       <ButtonV2
                         onClick={() => {
                           setPreviewImage(null);
                         }}
-                        className="m-2"
+                        className="my-2 w-full"
                         disabled={isUploading}
                       >
                         {t("retake")}
                       </ButtonV2>
-                      <ButtonV2 onClick={handleUpload} className="m-2">
+                      <ButtonV2 onClick={handleUpload} className="my-2 w-full">
                         {isCaptureImgBeingUploaded && (
                           <CareIcon className="care-l-spinner animate-spin text-lg" />
                         )}
@@ -380,7 +382,7 @@ const CoverImageEditModal = ({
                     setIsCameraOpen(false);
                     webRef.current.stopCamera();
                   }}
-                  className="m-2"
+                  className="border-grey-200 my-2 w-full border-2"
                 >
                   {t("close")}
                 </ButtonV2>