fix: Improve barcode positioning in label preview

- Repositioned #barcode-frame to bottom (10px from bottom, left: 11.34px)
- Set barcode-frame width to 227.4px (label content width)
- Added SVG height styling for horizontal barcode (50px)
- Repositioned #vertical-barcode-frame to right side (right: 0)
- Set vertical barcode frame dimensions (32px width, 321.3px height)
- Added SVG rotation for vertical barcode (-90 degrees)
- Improved flexbox centering for vertical barcode

app/templates/modules/labels/print_module.html

@@ -107,33 +107,36 @@
     #barcode-frame {
         position: absolute;
         bottom: 10px;
-        left: 50%;
+        left: 11.34px;
-        transform: translateX(-50%);
+        right: 11.34px;
         width: 227.4px;
         z-index: 5;
+        text-align: center;
     }
 
-    #barcode-display {
+    #barcode-frame svg {
-        width: 100%;
-        height: auto;
         display: block;
+        margin: 0 auto;
+        height: 50px;
     }
 
     #vertical-barcode-frame {
         position: absolute;
-        right: 11.34px;
+        right: 0;
         top: 65.7px;
         width: 32px;
         height: 321.3px;
         z-index: 5;
-        writing-mode: vertical-rl;
+        display: flex;
-        transform: rotate(180deg);
+        align-items: center;
+        justify-content: center;
     }
 
-    #vertical-barcode-display {
+    #vertical-barcode-frame svg {
         width: 100%;
-        height: 100%;
+        height: auto;
-        display: block;
+        transform: rotate(-90deg);
+        transform-origin: center;
     }
 </style>
 {% endblock %}