fix: drop banner-body indent, swap connected/logs icons, scale asteroids

_data/nav.yaml

@@ -15,7 +15,7 @@
   icon: chart1-4.png
 - label: Logs
   url: https://logs.reduxstation.com
-  icon: globe_map-0.png
+  icon: network_drive-2.png
 - label: WebMap
   url: https://map.reduxstation.com
   icon: globe_map-0.png

index.njk

@@ -127,7 +127,7 @@
 
   <div class="status-bar">
     <div class="status-left">
-      <img class="status-icon" src="/assets/img/icons/joystick-3.png?v={% buildId %}" alt="" aria-hidden="true" width="16" height="16">
+      <img class="status-icon" src="/assets/img/icons/direct_cable_conn-0.png?v={% buildId %}" alt="" aria-hidden="true" width="16" height="16">
       <span class="status-text">Connected to <strong>{{ site.domain }}</strong></span>
     </div>
     <div class="status-right">

sass/parallax.scss

@@ -60,6 +60,10 @@
 }
 .parallax-layer[data-layer="7"] {
   background-image: url("../img/parallax/parallax_asteroids.png");
+  // Source PNG is 480x480; doubling it to 960x960 makes the repeat
+  // happen at a much larger interval so the tile pattern is far less
+  // obvious to the eye on wide / tall viewports.
+  background-size: 960px 960px;
   z-index: 7;
   opacity: 0.4;
 }

sass/pda.scss

@@ -416,9 +416,8 @@ body {
     display: flex;
     flex-direction: column;
     gap: 2px;
-    // Zig-zag: indent the lower rows so they align with the text column
-    // sitting to the right of the 32px icon + 10px gap.
-    padding-left: 42px;
+    // No indent. The joystick icon only displaces the two head lines
+    // (name + version); body lines start back at the card's left edge.
   }
 
   .version { color: $log-say; }