fix: completion popup design issue in tablet view

Author: raktima-opensignlabs

apps/OpenSign/src/pages/PdfRequestFiles.js

@@ -1590,10 +1590,8 @@ function PdfRequestFiles() {
                         <div className="px-[15px]">
                           <span>
                             Congratulations! 🎉 This document has been
-                            successfully
+                            successfully signed by all participants!
                           </span>
-                          <br />
-                          <span>signed by all participants!</span>
                         </div>
                       )}
                       {!isCompleted?.message && (

apps/OpenSign/src/primitives/ModalUi.js

@@ -19,8 +19,10 @@ const ModalUi = ({
         <div className="fixed z-[999] top-0 left-0 w-[100%] h-[100%] bg-black bg-opacity-[75%]">
           <div
             className={`${
-              reduceWidth ? "md:min-w-[430px]" : "md:min-w-[500px]"
-            } fixed z-[1000] top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm bg-white rounded shadow-md max-h-90 min-w-[90%]   overflow-y-auto hide-scrollbar `}
+              reduceWidth
+                ? "md:min-w-[440px] md:max-w-[400px]"
+                : "md:min-w-[500px]"
+            } fixed z-[1000] top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm bg-white rounded shadow-md max-h-90 min-w-[90%]  overflow-y-auto hide-scrollbar `}
           >
             {showHeader && (
               <div