From 143fe85b2e4b4516aa2510c20a7d367609de9f54 Mon Sep 17 00:00:00 2001
From: dhanabalan <digitalmanufacturingiiot@gmail.com>
Date: Fri, 22 May 2026 11:47:28 +0530
Subject: [PATCH] Changed logic and converted to mm and changed alignment of
 panel sticker

---
 .../production-orders/printpanel.blade.php    | 140 +++++++-----------
 1 file changed, 55 insertions(+), 85 deletions(-)
diff --git a/resources/views/production-orders/printpanel.blade.php b/resources/views/production-orders/printpanel.blade.php
index d5ee544..8164efc 100644
--- a/resources/views/production-orders/printpanel.blade.php
+++ b/resources/views/production-orders/printpanel.blade.php
@@ -1,100 +1,70 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <style>
-        @page {
-            margin: 0;
-        }
+<style>
+    @page {
+        margin: 0;
+    }
 
-        body {
-            margin: 0;
-            padding: 0;
-            /* font-family: "Arial Narrow", "DejaVu Sans", sans-serif; */
-        }
+    body{
+        margin:0;
+        padding:0;
+    }
 
-        .sticker {
-            width: 113.39pt;
-            height: 113.39pt;
-            overflow: hidden;
-        }
+    .sticker{
+        width:40mm;
+        height:40mm;
+        overflow:hidden;
+        position:relative;
+        box-sizing:border-box;
+    }
 
-        .sticker:last-child {
-            page-break-after: auto;
-        }
+    .qr{
+        width:22mm;
+        height:22mm;
+        position:absolute;
+        top:3mm;
+        left:9mm;
+    }
 
-        table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-
-        td {
-            padding: 0;
-            margin: 0;
-            vertical-align: top;
-        }
-
-        .qr {
-            width: 90pt;
-            height: 90pt;
-            padding-top: 2pt;
-            /* padding-left: 12pt; */
-        }
-
-        .text {
-            position: relative;
-            /* padding-left: 5pt; */
-        }
-
-        .serial {
-            font-size: 7pt;
-            font-weight: bold;
-            position: relative;
-            /* top: 30pt; */
-            top: -5pt;
-            /* padding-left: 1pt; */
-        }
-
-        /* .po {
-            font-size: 8pt;
-            font-weight: bold;
-            text-align: left !important;
-            position: absolute;
-            right: 5pt;
-            top: 8pt;
-        } */
-
-        .desc {
-            font-family: "Arial Narrow";
-            font-size: 6pt;
-            font-weight: bold;
-            white-space: nowrap;
-            /* padding-top: 42pt; */
-            left: -38pt;
-        }
-    </style>
+    .serial{
+        position:absolute;
+        top:26mm; /* 3 + 22 + 1mm spacing */
+        width:100%;
+        text-align:center;
+        font-family:Arial, sans-serif;
+        font-weight:bold;
+        font-size:2mm;
+    }
+    .desc{
+        position:absolute;
+        top:31.5mm;
+        width:100%;
+        text-align:center;
+        font-family:Arial, sans-serif;
+        font-weight:bold;
+        font-size:2.5mm;
+        white-space:nowrap;
+    }
+</style>
 </head>
+
 <body>
 
 @foreach($stickers as $sticker)
-    <div class="sticker">
-        <table>
-            <tr>
-                <td align="center">
-                    <img class="qr" src="{{ $sticker['qr'] }}">
-                </td>
-            </tr>
-            <tr>
-                <td class="text" align="center">
-                    <div class="serial">{{ $sticker['serial'] }}</div>
-                </td>
-            </tr>
-            <tr>
-                <td class="text" align="center">
-                    <div class="desc">{{ $sticker['description'] }}</div>
-                </td>
-            </tr>
-        </table>
+<div class="sticker">
+
+    <img class="qr" src="{{ $sticker['qr'] }}">
+
+    <div class="serial">
+        {{ $sticker['serial'] }}
     </div>
+
+    <div class="desc">
+        {{ $sticker['description'] }}
+    </div>
+
+</div>
 @endforeach
 
 </body>
-- 
2.49.1

