From cce926ab2edd4dbe9790c0a662cb80439c155b46 Mon Sep 17 00:00:00 2001
From: marc <marc@shortcake.local>
Date: Tue, 25 Aug 2026 13:35:59 +0200
Subject: [PATCH] fix(schreibtisch): das Wetter ist eine Anzeige, und die
 Kacheln stehen wieder rechts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Anklickbar war es ein Versprechen, das es nicht hielt: Der Klick fuehrte nur
dorthin, wo ohnehin alles eingestellt wird. Jetzt eine Anzeige mit Hinweistext,
in beiden Leisten.

Die Anordnung war seit dem Wetterfenster kaputt. Das Raster verteilt seine
Bereiche der Reihe nach — das dritte landete neben „system" und schob die
Kacheln in die schmale linke Spalte. Links stehen jetzt die Anzeigen
untereinander, rechts die Apps ueber die volle Hoehe.

Keine neue Faehigkeit, also bleibt die Version bei 0.9.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 web/honeybar/honeybar.js | 14 ++++----------
 web/index.html           |  2 +-
 web/os.js                |  1 -
 web/style.css            | 18 +++++++++---------
 4 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/web/honeybar/honeybar.js b/web/honeybar/honeybar.js
index ae084a2..d7bfbd6 100644
--- a/web/honeybar/honeybar.js
+++ b/web/honeybar/honeybar.js
@@ -156,12 +156,10 @@
       .user { color: var(--p); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
       .user[hidden] { display: none; }
       .clock { color: var(--p-mid); font-variant-numeric: tabular-nums; }
-      .wx {
-        display: flex; align-items: center; gap: 5px; color: var(--p-mid);
-        border-color: transparent; padding: 2px 4px;
-      }
+      /* Anzeige, kein Knopf: Wer darauf klickt, erwartet, dass etwas passiert.
+         Eingestellt wird das Wetter dort, wo alles eingestellt wird. */
+      .wx { display: flex; align-items: center; gap: 5px; color: var(--p-mid); }
       .wx[hidden] { display: none; }
-      .wx:hover { color: var(--p); border-color: var(--p-dim); }
       .wx svg { width: 14px; height: 14px; display: block; }
       /* Am Handy nur das Symbol: 32 px Höhe und die Apps daneben lassen der
          Temperatur keinen Platz mehr. */
@@ -190,7 +188,7 @@
       <nav class="apps" id="apps"></nav>
       <div class="right">
         <span class="user" id="user" hidden></span>
-        <button class="wx" id="wx" hidden title="Wetter"></button>
+        <span class="wx" id="wx" hidden></span>
         <span class="clock" id="clock"></span>
         <button class="menu-btn" id="menuBtn" aria-haspopup="true" aria-expanded="false">&#9662;</button>
       </div>
@@ -279,10 +277,6 @@
     el.innerHTML = wxSvg(w.glyph) + `<span class="grad">${Math.round(w.grad)}°</span>`;
     el.title = `${w.ort}: ${w.text}, ${Math.round(w.grad)}°`;
     el.hidden = false;
-    // Ein Klick führt dorthin, wo der Ort eingestellt wird. Ändern lässt er
-    // sich hier nicht: Die Leiste liest über den Schlüssel und darf nichts
-    // schreiben — und über eine Site-Grenze wüsste sie ohnehin nicht, für wen.
-    el.onclick = () => window.open(homeUrl, "_blank", "noopener");
   }
 
   /**
diff --git a/web/index.html b/web/index.html
index c9eb353..8d9a67d 100644
--- a/web/index.html
+++ b/web/index.html
@@ -37,7 +37,7 @@
           <div class="mb-right">
             <img class="mb-avatar" id="mbAvatar" alt="" hidden />
             <span class="mb-user" id="mbUser">&nbsp;</span>
-            <button class="mb-wx" id="mbWx" hidden title="Wetter"></button>
+            <span class="mb-wx" id="mbWx" hidden></span>
             <span class="mb-clock" id="clock">--:--</span>
             <button class="mb-btn" id="btnSettings" title="Einstellungen (S)">&#9881;</button>
             <button class="mb-btn" id="btnLogout" title="Abmelden" hidden>&#9211;</button>
diff --git a/web/os.js b/web/os.js
index cc6d3a6..76036e3 100644
--- a/web/os.js
+++ b/web/os.js
@@ -559,7 +559,6 @@ function renderWeather() {
   if (inLeiste) {
     bar.innerHTML = `${glyphSvg(w.glyph)}<span class="mb-wx-temp">${Math.round(w.grad)}°</span>`;
     bar.title = `${w.ort}: ${w.text}, ${Math.round(w.grad)}°`;
-    bar.onclick = openSettings;
   }
 }
 
diff --git a/web/style.css b/web/style.css
index ab02d25..c03c99a 100644
--- a/web/style.css
+++ b/web/style.css
@@ -267,6 +267,13 @@ body {
     grid-template-columns: 320px minmax(0, 1fr);
     align-items: start;
   }
+  /* Ohne feste Plätze verteilt das Raster die drei Bereiche der Reihe nach —
+     das Wetter landete dann neben „system" und schob die Kacheln in die
+     schmale linke Spalte. Links stehen die Anzeigen untereinander, rechts
+     gehören die Apps, über die volle Höhe. */
+  .win-status { grid-column: 1; grid-row: 1; }
+  .win-weather { grid-column: 1; grid-row: 2; }
+  .tiles { grid-column: 2; grid-row: 1 / span 2; }
 }
 
 /* Fenster */
@@ -913,9 +920,8 @@ body {
   white-space: nowrap;
 }
 
-/* Terminal-Modus: ein Fenster wie die anderen, aber schmal. Über die volle
-   Breite gezogen sähe eine Temperatur nach Bekanntmachung aus, nicht nach
-   Widget. */
+/* Terminal-Modus: ein Fenster wie die anderen. Schmal gehalten — über die
+   volle Breite gezogen sähe eine Temperatur nach Bekanntmachung aus. */
 .win-weather { max-width: 320px; align-self: start; }
 
 /* Schreibtisch-Modus: schwebendes Schild, rechts unter der Menüleiste. Nicht
@@ -961,14 +967,8 @@ body {
   display: flex;
   align-items: center;
   gap: 5px;
-  padding: 2px 4px;
-  background: none;
-  border: 1px solid transparent;
   color: var(--p-mid);
-  font: inherit;
-  cursor: pointer;
 }
 .mb-wx[hidden] { display: none; }
-.mb-wx:hover { color: var(--p); border-color: var(--p-dim); }
 .mb-wx svg { width: 14px; height: 14px; display: block; }
 @media (max-width: 700px) { .mb-wx-temp { display: none; } }