center

templates/macros.html

@@ -29,10 +29,11 @@ queue_items %}
     {% for item in queue_items %}
     <li>
         <a href="{{ item }}" target="_blank" rel="noreferrer noopener">
-            {{ item }} {% if not loop.index > qr_limit %}
-            <div class="qrcode"></div>
-            {% endif %}
+            {{ item }}
         </a>
+        {% if not loop.index > qr_limit %}
+        <div class="qrcode"></div>
+        {% endif %}
     </li>
     {% endfor %}
 </ol>
@@ -40,13 +41,17 @@ queue_items %}
 <script>
     window.addEventListener("load", (_) => {
         document.querySelectorAll(".qrcode").forEach((e) => {
-            const a = e.parentElement.textContent.trim();
-            new QRCode(e, {
-                text: a,
-                correctLevel: QRCode.CorrectLevel.L,
-                width: 256,
-                height: 256,
-            });
+            // Find the sibling <a> tag within the same <li>
+            const link = e.parentElement.querySelector("a");
+            const a = link ? link.textContent.trim() : "";
+            if (a) {
+                new QRCode(e, {
+                    text: a,
+                    correctLevel: QRCode.CorrectLevel.L,
+                    width: 256,
+                    height: 256,
+                });
+            }
         });
     });
 </script>