From 6dc5885b743bab281a31c6435e304777dde70083 Mon Sep 17 00:00:00 2001
From: Quality App Developer <dev@moto-adv.com>
Date: Mon, 2 Feb 2026 01:51:15 +0200
Subject: [PATCH] fix: Add barcode positioning CSS for label preview

- Added CSS for #barcode-frame: positioned at bottom center, width 227.4px
- Added CSS for #vertical-barcode-frame: positioned on right side, vertical orientation
- Barcode frames use absolute positioning within the label preview
- Horizontal barcode at bottom of label
- Vertical barcode on right side with 90-degree rotation
---
 .../modules/labels/print_module.html          | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/app/templates/modules/labels/print_module.html b/app/templates/modules/labels/print_module.html
index 07a873d..ace1917 100644
--- a/app/templates/modules/labels/print_module.html
+++ b/app/templates/modules/labels/print_module.html
@@ -102,6 +102,39 @@
         transform: scale(1.1);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
     } #}
+
+    /* Barcode Styling */
+    #barcode-frame {
+        position: absolute;
+        bottom: 10px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 227.4px;
+        z-index: 5;
+    }
+
+    #barcode-display {
+        width: 100%;
+        height: auto;
+        display: block;
+    }
+
+    #vertical-barcode-frame {
+        position: absolute;
+        right: 11.34px;
+        top: 65.7px;
+        width: 32px;
+        height: 321.3px;
+        z-index: 5;
+        writing-mode: vertical-rl;
+        transform: rotate(180deg);
+    }
+
+    #vertical-barcode-display {
+        width: 100%;
+        height: 100%;
+        display: block;
+    }
 </style>
 {% endblock %}