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

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 %}