From d29b69a426a998a35fc779b9dd8c99fe208033f5 Mon Sep 17 00:00:00 2001
From: marc <marc@shortcake.local>
Date: Sat, 29 Aug 2026 21:59:03 +0200
Subject: [PATCH] Logo in beiden Leisten gleich gross
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/css/style.css b/web/css/style.css
index d32ca6f..29c87b5 100644
--- a/web/css/style.css
+++ b/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); }