From 625eda2657fdd5c138e176a37da71ec3ac084d77 Mon Sep 17 00:00:00 2001 From: MotherSphere Date: Mon, 12 Oct 2026 21:48:20 +0200 Subject: [PATCH] fix(ui): put the orCAL button in the top-left corner The orCAL name, the way into Preferences, is now the first item of the status bar in both layouts. The clock moves to the right, next to the window controls, and the pair goes under the name when large text does not fit on one line. --- src/ui/common/base.css | 12 ++++++-- src/ui/index.html | 56 ++++++++++++++++++----------------- src/ui/tablet-mode/index.html | 56 ++++++++++++++++++----------------- 3 files changed, 68 insertions(+), 56 deletions(-) diff --git a/src/ui/common/base.css b/src/ui/common/base.css index b34f88b..ad38835 100644 --- a/src/ui/common/base.css +++ b/src/ui/common/base.css @@ -233,13 +233,22 @@ select { padding: 0 6px; } +/* The orCAL name holds the top-left corner; the clock and the window controls + sit together on the right. At large text sizes they go under the name. */ .status { display: flex; + flex-wrap: wrap; align-items: center; - justify-content: space-between; gap: 8px; } +.status-end { + display: flex; + align-items: center; + gap: 8px; + margin-left: auto; +} + .status-icons { display: flex; align-items: center; @@ -299,7 +308,6 @@ select { /* The program's name: the way into Preferences (design/navigation.md). */ .status-brand { - align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; diff --git a/src/ui/index.html b/src/ui/index.html index 6f8eacf..6cb51e6 100644 --- a/src/ui/index.html +++ b/src/ui/index.html @@ -16,36 +16,38 @@
-
--:--
-
- - - + +
+
--:--
+
+ + + +
-
diff --git a/src/ui/tablet-mode/index.html b/src/ui/tablet-mode/index.html index 7bb3aaf..16a275b 100644 --- a/src/ui/tablet-mode/index.html +++ b/src/ui/tablet-mode/index.html @@ -16,36 +16,38 @@
-
--:--
-
- - - + +
+
--:--
+
+ + + +
-