Logo in beiden Leisten gleich gross

Der Koerper hat 14 px, honeybar.js 12 px. In der Menueleiste haengt nur
das Logo direkt drin — alles andere sitzt in .mb-right oder trug seine
eigene Groesse. Also stand ausgerechnet das HONEYOS links groesser da als
dasselbe Logo in Aether. Jetzt gibt die Leiste selbst 12 px vor; die
Innenabstaende sind mitgezogen, damit es an derselben Stelle anfaengt.

web/css/style.css

@@ -175,11 +175,17 @@ body {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 0 10px;
+  /* 8 px wie die HoneyBar, damit das Logo an derselben Stelle anfängt. */
+  padding: 0 8px;
   /* 32 px — dieselbe Höhe wie honeybar.js in den Apps (BAR_H). Wer von einer
      App auf den Schreibtisch wechselt, soll keinen Sprung sehen. */
   border-bottom: 1px solid var(--p-dim);
   background: var(--bg-raised);
+  /* 12 px wie in honeybar.js. Ohne das erbte die Leiste die 14 px des Körpers,
+     und weil nur das Logo direkt darin hängt (alles andere sitzt in .mb-right
+     oder trägt seine eigene Größe), stand ausgerechnet das HONEYOS größer da
+     als dasselbe Logo in den Apps. */
+  font-size: 12px;
   padding-top: env(safe-area-inset-top);
   height: calc(32px + env(safe-area-inset-top));
   flex: 0 0 calc(32px + env(safe-area-inset-top));
@@ -192,7 +198,7 @@ body {
   font: inherit;
   letter-spacing: 0.14em;
   cursor: pointer;
-  padding: 2px 4px;
+  padding: 3px 9px 3px 2px;
   white-space: nowrap;
 }
 .mb-logo b { font-weight: 400; color: var(--p-mid); }
@@ -219,7 +225,6 @@ body {
   border: 1px solid transparent;
   color: var(--p-mid);
   font: inherit;
-  font-size: 12px;
   letter-spacing: 0.08em;
   padding: 2px 9px;
   cursor: pointer;
@@ -238,7 +243,6 @@ body {
   align-items: center;
   gap: 10px;
   color: var(--p-mid);
-  font-size: 12px;
 }
 .mb-clock { font-variant-numeric: tabular-nums; color: var(--p); }