updates on the ui changes and the bot changes

src/pages/nearle/dispatch/Dispatch.css

@@ -62,7 +62,12 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 24px;
+  /* Tighter on the LEFT than the right. The logo is the page's anchor and was
+     sitting 24px in; the right side keeps the wider gutter because the controls
+     there need clearance from the window edge. #strat-row below carries the
+     same asymmetry — the two are stacked, so their left edges have to agree or
+     the logo no longer lines up with the batch row under it. */
+  padding: 0 24px 0 12px;
   background: var(--bg);
   border-bottom: 1px solid var(--border);
   z-index: 1010;
@@ -74,17 +79,29 @@
   gap: 12px;
 }
 
+/* The badge is sized to the D ITSELF, not to the image file.
+   doormile-mark.png fills only 66.8% of its own canvas (alpha bounding box
+   170..853 of 1024) — a third of every edge is transparent padding. In the old
+   44px box that drew a 29px D with 7.3px of empty space on each side, so the
+   12px gap to "Dispatch" read as ~19px. That whitespace was the "large gap",
+   not the gap property.
+   The image is scaled 150% (1 / 0.668) to cancel the padding exactly, and
+   overflow clips what spills — which is only transparent pixels. Net effect:
+   the D stays the size it already looked, and the gap becomes a true 12px. */
 .dispatch-container .logo-badge {
-  width: 44px;
-  height: 44px;
+  width: 30px;
+  height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
+  flex: 0 0 auto;
 }
 
 .dispatch-container .logo-badge-img {
-  width: 100%;
-  height: 100%;
+  width: 150%;
+  height: 150%;
+  max-width: none;
   object-fit: contain;
 }
 
@@ -287,7 +304,8 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 0 24px;
+  /* Same left gutter as #hdr — see the note there. */
+  padding: 0 24px 0 12px;
   background: var(--bg);
   border-bottom: 1px solid var(--border);
 }