fix: issues with signature and design

Author: REACT-DEVELOPER-IBROKHIM

Diff for: client/src/assets/images/pattern.png

@@ -10,7 +10,7 @@ const DriverCardBack = ({ document }) => {
         <p className="text-[45px] mt-[20px]">DRIVER QUALIFICATION CARD</p>
         <div className="flex justify-between p-[30px]">
           <div>
-            <div className="text-[35px] font-semibold text-left mt-[30px] flex flex-col gap-[10px]">
+            <div className="text-[30px] font-semibold text-left mt-[30px] flex flex-col gap-[10px]">
               <p>1.Фамилия</p>
               <p>2.Имя</p>
               <p>3.Дата рождения</p>
@@ -42,7 +42,7 @@ const DriverCardBack = ({ document }) => {
               </tr>
               <tr>
                 <td className="px-[30px] border-2 border-black">C</td>
-                <td className="px-[30px] border-2 border-black">{to}</td>
+                <td className="px-[30px] border-2 border-black">95.{to}</td>
               </tr>
               <tr>
                 <td className="px-[30px] border-2 border-black">D1</td>
@@ -58,7 +58,7 @@ const DriverCardBack = ({ document }) => {
               </tr>
               <tr>
                 <td className="px-[30px] border-2 border-black">CE</td>
-                <td className="px-[30px] border-2 border-black">{to}</td>
+                <td className="px-[30px] border-2 border-black">95.{to}</td>
               </tr>
               <tr>
                 <td className="px-[30px] border-2 border-black">D1E</td>

Diff for: client/src/components/documents/driver-card/card/back/index.jsx

@@ -10,7 +10,7 @@ const DriverCardMini = ({ document }) => {
       <div className="w-[2480px] h-[3508px]">
         <div className="w-[100%] h-[100%]">
           <div className="h-[1504px] w-full flex bg-pattern bg-cover bg-center bg-no-repeat">
-            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[250px]">
+            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[200px]">
               <div className="flex-1 w-full ml-[-27px]">
                 <p className="text-[22px] mt-[30px] text-green-800 font-semibold">
                   Avtomobilda xalqaro tashuvchining kasbiy mahorat (KMS)
@@ -115,8 +115,8 @@ const DriverCardMini = ({ document }) => {
                 </div>
               </div>
             </div>
-            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[250px]">
-              <div className="flex-1 w-full mr-[-27px] text-center flex flex-col items-center">
+            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[200px]">
+              <div className="flex-1 w-full px-[30px] text-center flex flex-col items-center">
                 <img
                   src={gerb}
                   alt=""
@@ -170,7 +170,7 @@ const DriverCardMini = ({ document }) => {
       <div className="w-[2480px] h-[3508px]">
         <div className="w-[100%] h-[100%]">
           <div className="h-[1504px] w-full flex bg-pattern bg-cover bg-center bg-no-repeat">
-            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[250px]">
+            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[200px]">
               <div className="flex-1 w-full ml-[-27px]">
                 <p className="text-[22px] mt-[30px] text-green-800 font-semibold">
                   <span>СЕРТИФИКАТ</span>
@@ -280,8 +280,8 @@ const DriverCardMini = ({ document }) => {
                 </div>
               </div>
             </div>
-            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[250px]">
-              <div className="flex-1 w-full mr-[-27px]">
+            <div className="w-[50%] h-[1504px] text-center flex flex-col items-center py-[150px] px-[200px]">
+              <div className="flex-1 w-full">
                 <p className="text-[22px] mt-[30px] text-green-800 font-semibold">
                   <span>CERTIFICATE</span> <br /> of Professional Competence
                   (CPC) <br /> for international road transport
@@ -300,7 +300,8 @@ const DriverCardMini = ({ document }) => {
                     <span className="border-b-[1px] border-gray-600 text-center pb-[4px] text-black px-[30px] font-bold">
                       {from.split(".")[2]}
                     </span>{" "}
-                    ; date:{" "}
+                    ; <br />
+                    date:{" "}
                     <span className="border-b-[1px] border-gray-600 text-center pb-[4px] text-black px-[30px] font-bold">
                       {" "}
                       {from.split(".")[0]}.{from.split(".")[1]}

Diff for: client/src/components/documents/driver-card/card/mini/index.jsx

@@ -28,7 +28,7 @@ router.post('/signature', upload.single('file'), async (req, res) => {
 
     const params = {
         Bucket: process.env.SPACE_BUCKET,
-        Key: file.originalname,
+        Key: file.originalname + Date.now(),
         Body: file.buffer,
         ACL: 'public-read',
     }