From 12eae1bd7846251c908a6dd7cb122278604e8a82 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Tue, 7 Mar 2023 13:07:27 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20fixed=20field=20size?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/components/editor/editable-field.tsx | 7 ++-----
 apps/web/components/editor/signable-field.tsx | 7 ++-----
 packages/pdf/insertImageInPDF.ts              | 2 +-
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/apps/web/components/editor/editable-field.tsx b/apps/web/components/editor/editable-field.tsx
index 0135edfbd..c4966a0f0 100644
--- a/apps/web/components/editor/editable-field.tsx
+++ b/apps/web/components/editor/editable-field.tsx
@@ -53,18 +53,15 @@ export default function EditableField(props: FieldPropsType) {
         e.stopPropagation();
       }}
     >
+      {/* width: 192 height 96 */}
       <div
         hidden={props.hidden}
         ref={nodeRef}
-        className="cursor-move opacity-80 p-2 m-auto w-48 h-24 flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none"
+        className="cursor-move opacity-80 p-2 m-auto w-48 h-16 flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none"
         style={{
           background: stc(props.field.Recipient.email),
         }}
       >
-        <div className="mb-2 pointer-events-none">
-          <Logo className="w-16 mx-auto"></Logo>
-        </div>
-        {/* width: 192 height 96 */}
         <div className="m-auto overflow-hidden flex-row-reverse text-lg font-bold text-center">
           {field.type}
           {field.type === "SIGNATURE" ? (
diff --git a/apps/web/components/editor/signable-field.tsx b/apps/web/components/editor/signable-field.tsx
index f21a36fd7..3b0c62a33 100644
--- a/apps/web/components/editor/signable-field.tsx
+++ b/apps/web/components/editor/signable-field.tsx
@@ -43,15 +43,12 @@ export default function SignableField(props: FieldPropsType) {
           if (!field?.signature) props.onClick(props.field);
         }}
         ref={nodeRef}
-        className="cursor-pointer opacity-80 p-2 m-auto w-auto flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none hover:brightness-50"
+        className="cursor-pointer opacity-80 py-4 m-auto w-48 h-16 flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none hover:brightness-50"
         style={{
           background: stc(props.field.Recipient.email),
         }}
       >
-        <div
-          hidden={field?.signature}
-          className="m-auto w-auto flex-row-reverse font-medium text-center px-12 py-2"
-        >
+        <div hidden={field?.signature} className="font-medium">
           {field.type === "SIGNATURE" ? "SIGN HERE" : ""}
         </div>
         <div
diff --git a/packages/pdf/insertImageInPDF.ts b/packages/pdf/insertImageInPDF.ts
index 7e50c3c27..cbc512c32 100644
--- a/packages/pdf/insertImageInPDF.ts
+++ b/packages/pdf/insertImageInPDF.ts
@@ -12,7 +12,7 @@ export async function insertImageInPDF(
   const pages = pdfDoc.getPages();
   const pdfPage = pages[page];
   const pngImage = await pdfDoc.embedPng(image);
-  const drawSize = { width: 213, height: 50 };
+  const drawSize = { width: 192, height: 96 };
 
   pdfPage.drawImage(pngImage, {
     x: positionX,