Symbole in beiden Leisten, aus einer Quelle

Die Pixelraster stehen jetzt in web/glyphs.json — einmal. Der Schreibtisch
laedt die Datei selbst, die HoneyBar bekommt sie mit der App-Liste mit;
sie bleibt damit eine einzelne Datei ohne zweite Anfrage. Die abgetippten
Wettersymbole in honeybar.js sind weg, und die Symbolauswahl im
Programm-Editor kommt jetzt aus derselben Datei statt aus einer Liste im
Quelltext.

Neu: Symbole neben den App-Namen im Streifen beider Leisten, mit einem
Schalter (Einstellungen -> HoneyBar) fuer beide zugleich. In den
Aufklappmenues und auf den Kacheln stehen sie immer.

web/css/style.css

@@ -231,6 +231,13 @@ body {
   white-space: nowrap;
 }
 .mb-app:hover { color: var(--p); border-color: var(--p-dim); }
+/* Symbol und Name in einer Zeile, wie in der HoneyBar. Das Symbol trägt die
+   Textfarbe, also stimmt es auch im umgekehrten Zustand der aktiven App. */
+.mb-app { display: inline-flex; align-items: center; gap: 6px; }
+.mb-ico,
+.sm-ico { display: block; width: 12px; height: 12px; flex: 0 0 auto; }
+.mb-ico svg,
+.sm-ico svg { width: 12px; height: 12px; display: block; }
 .mb-app[aria-current="true"] {
   color: var(--bg);
   background: var(--p);
@@ -816,6 +823,10 @@ body {
   text-align: left;
   padding: 6px 9px;
   cursor: pointer;
+  /* Symbol links, Name daneben — in den Menüs stehen die Symbole immer. */
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
 .startmenu button:hover { background: var(--p); color: var(--bg); text-shadow: none; }
 .startmenu hr { border: 0; border-top: 1px solid var(--p-faint); margin: 3px 0; }