From 2c13b3a60bb1c4421f8a682fd3ee7442060472c7 Mon Sep 17 00:00:00 2001
From: natib21 <yaschalew10@gmail.com>
Date: Sat, 20 Jun 2026 13:40:58 +0000
Subject: [PATCH] fix slip

---
 .../src/pages/operations/LastMilePage.tsx     | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx b/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx
index ffbeb3221..4bd70c9bb 100644
--- a/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/operations/LastMilePage.tsx
@@ -200,7 +200,7 @@ const tripSlipRows = (job: LastMileJob): [string, string][] => [
 ];
 
 const SampleStamp = () => (
-  <Box style={{ marginTop: 4, height: 96, display: "flex", alignItems: "center" }}>
+  <Box style={{ height: 96, display: "flex", alignItems: "center" }}>
     <Box
       style={{
         width: 96,
@@ -243,7 +243,7 @@ const SampleStamp = () => (
 );
 
 const SignatureBlock = ({ title, stamp }: { title: string; stamp?: ReactNode }) => (
-  <Stack gap="sm" style={{ flex: 1 }}>
+  <Stack gap="sm" style={{ flex: 1, position: "relative", minHeight: stamp ? 130 : undefined }}>
     <Text fw={600} size="sm">
       {title}
     </Text>
@@ -259,7 +259,19 @@ const SignatureBlock = ({ title, stamp }: { title: string; stamp?: ReactNode })
       </Text>
       <Box style={{ flex: 1, borderBottom: "1px solid var(--mantine-color-gray-5)", height: 18 }} />
     </Group>
-    {stamp}
+    {stamp && (
+      <Box
+        style={{
+          position: "absolute",
+          right: 4,
+          top: 22,
+          opacity: 0.85,
+          pointerEvents: "none",
+        }}
+      >
+        {stamp}
+      </Box>
+    )}
   </Stack>
 );
 
@@ -331,11 +343,11 @@ const buildTripSlipHtml = (job: LastMileJob) => {
       td.lbl { color: #666; text-transform: uppercase; font-size: 11px; font-weight: 700; width: 40%; }
       .ack { text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #777; margin: 16px 0 8px; }
       .signs { display: flex; gap: 32px; }
-      .sign-col { flex: 1; }
+      .sign-col { flex: 1; position: relative; min-height: 130px; }
       .sign-title { font-weight: 700; font-size: 13px; margin-bottom: 12px; }
       .sign-field { display: flex; gap: 6px; align-items: flex-end; font-size: 12px; color: #666; margin-bottom: 10px; }
       .sign-field .line { flex: 1; border-bottom: 1px solid #888; height: 16px; }
-      .stamp { margin-top: 6px; height: 96px; display: flex; align-items: center; }
+      .stamp { position: absolute; right: 4px; top: 22px; opacity: 0.85; }
       .ring { width: 96px; height: 96px; border-radius: 50%; border: 2px solid #0c7a57; transform: rotate(-12deg); display: flex; align-items: center; justify-content: center; }
       .ring-inner { width: 82px; height: 82px; border-radius: 50%; border: 1px solid #0c7a57; color: #0c7a57; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.1; }
       .ring-inner span { font-size: 9px; font-weight: 700; letter-spacing: 1px; }