Merge pull request 'Fix barcode and product master issues' (#87) from temp/barcode-and-product-master-fix into main

Reviewed-on: Pozomind/pozo-retail-app#87

src/Pages/Product/Printstyles.js

@@ -1,4 +1,15 @@
 export const style = `<style>
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  
+  html, body {
+    margin: 0 !important;
+    padding: 0 !important;
+    height: auto;
+  }
 .heading
 {
   color: #1292EE;
@@ -367,6 +378,8 @@ height: 149mm;
   grid-template-columns: repeat(6, 15mm);
   width: 90mm;
   column-gap: 0.5mm;
+  align-items: center;
+  justify-content: center;
 }
 
     .BarQrprint3 {
@@ -545,8 +558,10 @@ height: 149mm;
   display: grid;
   grid-template-columns: repeat(3, 35mm);
   width: 105mm;
-  column-gap: 0;
-  padding: 0;
+    column-gap: 0;
+    row-gap: 0;
+    padding: 0; 
+    margin: 0;
 }
 
 .barcode-wrapper-22x35 {
@@ -607,6 +622,7 @@ height: 149mm;
   width: 105mm;
   margin: 0;
   padding: 0;
+
 }
 
 .label-wrapper-22x35 {
@@ -761,9 +777,10 @@ height: 149mm;
   display: grid;
   grid-template-columns: repeat(6, 15mm);
   width: 100%;
-  column-gap: 0.5mm;
+  column-gap: 0;
   row-gap: 0;
-  align-items: flex-start;
+  align-items: center;
+  justify-content: center;
 }
 
 .label-15x15-wrapper {
@@ -778,12 +795,12 @@ height: 149mm;
 }
 
 .label-15x15-content {
-  width: 100%;
-  height: 100%;
+  width: 15mm;
+  height: 15mm;
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: center;
 
   text-align: center;
 }
@@ -826,6 +843,11 @@ export const getPageStyle = (width) => `
         size: ${width}mm auto;
         margin: 0;
       }
+
+      html, body {
+        margin: 0 !important;
+        padding: 0 !important;
+      }
     }
   </style>
 `;