template

templates/trail.html

@@ -15,15 +15,7 @@
         <div class="trail-container">
             <div class="trail-count">{{ queue_length }}</div>
             <p>items left</p>
-
-            <p
-                style="
-                    max-width: 80%;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                "
-            >
+            <p class="trail-next">
                 Next:
                 <a
                     href="{{ current_link }}"
@@ -39,7 +31,7 @@
         <script>
             window.addEventListener("load", () => {
                 document.body.addEventListener("click", (e) => {
-                    if (e.target.tagName === "A") return;
+                    if (!e.target || e.target.tagName === "A") return;
                     // now this is not the new updated
                     const newTab = window.open("", "_blank");
 
@@ -54,7 +46,7 @@
                         // Trigger the message event to run the swap on the next tick
                         newTab.postMessage("");
 
-                        // background
+                        // background. This block is racing with the slow internet.
                         if (newTab.document.body) {
                             newTab.document.body.style.backgroundColor =
                                 getComputedStyle(document.body).backgroundColor;