From 15612319bba61b33b8032877f3169b3d478006a0 Mon Sep 17 00:00:00 2001
From: Tobias Ludwig Maier <me@tobiasmaier.info>
Date: Thu, 28 Dec 2023 22:23:25 +0100
Subject: [PATCH] Center labels in preview using container and mx-auto

---
 index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 19bdadd..de250d1 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>QR Code Label Generator for ASN in Paperless-ngx</title>
-    <link rel="canonical" href="https://tobiasmaier.info/asn-qr-code-label-generator/" />
+    <link
+      rel="canonical"
+      href="https://tobiasmaier.info/asn-qr-code-label-generator/"
+    />
     <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
     <script
       src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
@@ -179,7 +182,7 @@
     </div>
 
     <div
-      class="w-[210mm] border px-[9mm] py-[13.5mm] print:w-full print:border-0"
+      class="container mx-auto w-[210mm] border px-[9mm] py-[13.5mm] print:w-full print:max-w-full print:border-0"
     >
       <!-- Display QR Code Labels -->
       <ol class="grid grid-cols-7 gap-x-[2.5mm]">
@@ -219,7 +222,7 @@
           title="GNU Affero General Public License"
           class="text-blue-600 underline hover:text-blue-700"
           >AGPL v3.0</a
-        >.  
+        >.
         <a
           href="https://github.com/tmaier/asn-qr-code-label-generator"
           class="text-blue-600 underline hover:text-blue-700"