Finalized placement of estimate container. For now...

travel-time/travel-helper.js

@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         Torn - Arrival Time Predictor
 // @namespace    http://tampermonkey.net/
-// @version      1.0
+// @version      1.02
 // @description  Calculates and displays the exact local time you will land while traveling
 // @author       You
 // @match        https://www.torn.com/page.php?sid=travel
@@ -21,6 +21,7 @@
 
     .pulse-text {
         animation: colorPulse 1s infinite ease-in-out;
+        font-size: 2rem;
     }
 `);
 
@@ -41,19 +42,26 @@
     function initClockExtension(timerElement) {
         // Create a custom UI box to display our text safely without breaking Torn's CSS
         const travelRoot = document.querySelector("#travel-root");
+        const parentContainer = travelRoot.querySelector('[class^="progressText"]');
         // Remove travel fact
         travelRoot.querySelector('[class^="factWrapper"]').remove();
         // Remove flight scene
         travelRoot.querySelector('[class^="airspaceScene"]').remove();
         const ogTimer = document.querySelector("#travel-root > div.viewport___cdEK9 > div.flightProgressSection___OEJoR > div.progressText___BEQ0k > div > span");
-        if (ogTimer) {
+        var timerContainer = null;
+        /* if (ogTimer) {
             ogTimer.style.cssText = 'font-weight: bold; font-size: 1.5rem;';
             ogTimer.innerText = 'Calculating landing time...';
-        } else {
+            timerContainer = ogTimer;
-            const timeDisplay = document.createElement('div');
+        } 
-            timeDisplay.style.cssText = 'padding: 10px; margin-top: 10px; color: #fff; text-align: center; border-radius: 5px; font-weight: bold; border: 1px solid #444; transition: color 0.5s ease;';
+            */
-            timerElement.parentNode.insertBefore(timeDisplay, timerElement.nextSibling);
+        const timeDisplay = document.createElement('div');
-        }
+        timeDisplay.style.cssText = 'padding: 10px; margin-top: 10px; color: #fff; text-align: center; border-radius: 5px; font-weight: bold; border: 1px solid #444; transition: color 0.5s ease; font-weight: bold; font-size: 1.5rem;';
+        //timerElement.parentNode.insertBefore(timeDisplay, timerElement.nextSibling);
+        parentContainer.insertAdjacentElement('beforebegin', timeDisplay);
+        timeDisplay.innerText = 'Calculating landing time...';
+        timerContainer = timeDisplay;
+        
         //const info = document.querySelector("#travel-root > div.viewport___cdEK9.stage0 > div.factWrapper___LvERA > div");
         //info.remove();
 
@@ -77,7 +85,7 @@
                 if (msRemaining <= 120000) {
                     //ogTimer.style.cssText += ' color: #aa0000;'
                     // Add the blinking class to the text.
-                    ogTimer.classList.add('pulse-text');
+                    timerContainer.classList.add('pulse-text');
 
                 }
 
@@ -89,7 +97,7 @@
                 //ogTimer.remove();
 
                 // Format the output neatly (e.g., "16:24:05")
-                ogTimer.innerText = `Estimated Landing: ${landingTime.toLocaleTimeString()}`;
+                timerContainer.innerText = `Estimated Landing: ${landingTime.toLocaleTimeString()}`;
             }
         }, 1000);
     }