fix: placeholder display issue of all signers after save placeholder and login flow

microfrontends/SignDocuments/src/css/customModal.css

@@ -5,11 +5,12 @@
     background-color: rgba(0, 0, 0, 0.75);
     display: flex;
     flex-direction: column;
-     align-items: center;
+    align-items: center;
+    justify-content: center;
 }
 
 .childDiv {
-    width: 50%;
+    width: 40%;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -27,7 +28,7 @@
     border-top-left-radius: 0.3rem;
     border-top-right-radius: 0.3rem;
     font-size: 17px;
-    font-weight: 500;
+    font-weight: 400;
 }
 
 .modalBodyDIv {
@@ -48,12 +49,12 @@
 .modalFooterDiv {
     margin: 10px;
     display: flex;
-    justify-content: flex-end;
+    justify-content: flex-start;
 }
 
 @media screen and (max-width:500px) {
     .childDiv {
         margin: 50px 7px;
-        width: 90%;
+        width: 80%;
     }
 }

microfrontends/SignDocuments/src/css/signature.css

@@ -2,7 +2,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');
-
 .signatureCanvas {
   border: 2px solid #888;
   background-color: rgb(255, 255, 255);
@@ -266,7 +265,7 @@
 
 .defaultSignBox {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
-  width: 180px;
+  width: 90%;
   height: 111px;
   padding: 8px 20px;
   color: white;
@@ -444,6 +443,7 @@
   width: 180px;
   background-color: white;
   height: 100%;
+ 
 }
 
 .modalBody {
@@ -678,6 +678,12 @@ option {
 .dropDownStyle {
   width: auto;
 }
+.autoSignScroll{
+  overflow-y: auto;
+}
+.autoSignScroll::-webkit-scrollbar {
+  display: none;
+}
 
 @media screen and (max-width:766px) {