From 87516406f9d37712893c5b664070fab987de3516 Mon Sep 17 00:00:00 2001
From: Tobias Ludwig Maier <me@tobiasmaier.info>
Date: Thu, 28 Dec 2023 23:01:54 +0100
Subject: [PATCH] Improve sizing of list items

- border and padding are now also in Millimeters
- The border is now bi-color and alternating
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 81f2e28..71299e7 100644
--- a/index.html
+++ b/index.html
@@ -197,8 +197,8 @@
       <ol class="grid grid-cols-7 gap-x-[2.5mm]">
         <template x-for="label in labels">
           <li
-            class="flex h-[10mm] w-[25.4mm] items-center border p-1"
-            :class="{'border-transparent': !borderToggle}"
+            class="flex h-[10mm] w-[25.4mm] items-center border-[0.5mm] p-[0.5mm] odd:border-blue-500 even:border-red-300"
+            :class="{'even:border-transparent odd:border-transparent': !borderToggle}"
           >
             <img
               :src="label.qrCodeUrl"