From 374ba936ed01f3b0915cdbe18af9d9f384bfda02 Mon Sep 17 00:00:00 2001
From: Jonas Blatt <jonasblatt@uni-koblenz.de>
Date: Sun, 23 Feb 2025 16:37:27 +0100
Subject: [PATCH 1/2] Improve visibility of keyhints in darkmode as they were
 barly visible.

---
 timetagger/app/app.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/timetagger/app/app.scss b/timetagger/app/app.scss
index fffa3219..5f1d61ea 100644
--- a/timetagger/app/app.scss
+++ b/timetagger/app/app.scss
@@ -77,9 +77,13 @@ span.keyhint {
     border: 1px solid #ccc;
     padding: 2px 4px;
     border-radius: 3px;
-    font-size: 90%;
+    font-size: 80%;
     color: #ccc;
 }
+body.darkmode span.keyhint {
+    color: #aaa;
+    border-color: #aaa;
+}
 
 /**************** Tooltip ****************/
 

From 1e624c3ec1c4b1d61795ff8fa44edc50080ba8f6 Mon Sep 17 00:00:00 2001
From: Jonas Blatt <jonasblatt@uni-koblenz.de>
Date: Sun, 23 Feb 2025 17:22:46 +0100
Subject: [PATCH 2/2] Improve vertical center alignments in dialogs

---
 timetagger/app/app.scss   | 2 ++
 timetagger/app/dialogs.py | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/timetagger/app/app.scss b/timetagger/app/app.scss
index 5f1d61ea..30fa4ebe 100644
--- a/timetagger/app/app.scss
+++ b/timetagger/app/app.scss
@@ -228,6 +228,8 @@ body.darkmode .tooltipdiv {
 .dialog .formlayout > div {
     height: 1.5em;
     vertical-align: center;
+    display: flex;
+    align-items: center;
 }
 .dialog .formlayout > div:nth-child(odd) {
     justify-self: end;
diff --git a/timetagger/app/dialogs.py b/timetagger/app/dialogs.py
index 116e0243..56d5e0e8 100644
--- a/timetagger/app/dialogs.py
+++ b/timetagger/app/dialogs.py
@@ -542,7 +542,7 @@ def open(self, callback=None):
                 <a>last year</a>
             </div>
             <div style='min-height: 10px;'></div>
-            <div class='menu'>
+            <div class='menu' style='align-items: center;'>
                 <div style='flex: 0.5 0.5 auto; text-align: right;'>From:&nbsp;&nbsp;</div>
                 <input type="date" step="1" />
                 <div style='flex: 0.5 0.5 auto; text-align: right;'>To:&nbsp;&nbsp;</div>