From de7e3c68a14c0a0c4d4e58c8bbb8f2c287e5ea5e Mon Sep 17 00:00:00 2001
From: Marc Durdin <marc@durdin.net>
Date: Sun, 10 Mar 2024 14:29:20 -0500
Subject: [PATCH 1/5] chore(web): improve the clarity of hints on OSK

I found the hints too hard to see on my phone, so this increases size of
the hint from 0.5em to 0.75em, and changes color from #aaa to #ccc, on
Android.
---
 web/src/resources/osk/kmwosk.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css
index e91ebfa315a..0a6fa9bfdb9 100644
--- a/web/src/resources/osk/kmwosk.css
+++ b/web/src/resources/osk/kmwosk.css
@@ -205,7 +205,7 @@
 .phone.android.kmw-osk-frame { background-color: #222;}
 
 .phone.android .kmw-banner-bar,
-.tablet.android .kmw-banner-bar {  
+.tablet.android .kmw-banner-bar {
   background-color: #222;
   position: relative;
   margin-top: 4px;
@@ -348,8 +348,16 @@
 .desktop .kmw-key-label{position:absolute;left:2px;top:2px;font:0.5em Arial;color:#888;background-color:transparent;}
 
 /* Popup icon style (and content)*/
-.kmw-key-popup-icon{position:absolute;display:block;visibility:visible;right:4%;top:1%;/*width:8px;height:8px;*/
-      font-size:0.5em;color:#aaa; line-height:initial}
+.kmw-key-popup-icon{
+  position: absolute;
+  display: block;
+  visibility: visible;
+  right: 4%;
+  top: 1%;
+  font-size: 0.75em;
+  color: #ccc;
+  line-height: initial;
+}
 
 /* For certain form-factors, #aaa blends in with the special-key background-color _way_ too well. */
 /* e.g: .phone.ios .kmw-key.kmw-key-special {background-color:#b2b9c5;} */

From c15fda643388fa507cec0fdf5a3a7458a3880efc Mon Sep 17 00:00:00 2001
From: Marc Durdin <marc@durdin.net>
Date: Sun, 10 Mar 2024 14:45:02 -0500
Subject: [PATCH 2/5] chore(web): limit hint tweak to android

---
 web/src/resources/osk/kmwosk.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css
index 0a6fa9bfdb9..ad4fca3dd49 100644
--- a/web/src/resources/osk/kmwosk.css
+++ b/web/src/resources/osk/kmwosk.css
@@ -354,9 +354,14 @@
   visibility: visible;
   right: 4%;
   top: 1%;
+  font-size: 0.5em;
+  color: #aaa;
+  line-height: initial;
+}
+
+.android .kmw-key-popup-icon{
   font-size: 0.75em;
   color: #ccc;
-  line-height: initial;
 }
 
 /* For certain form-factors, #aaa blends in with the special-key background-color _way_ too well. */

From b89cc16c2dbe9fed61fb96b083c545483dc4c936 Mon Sep 17 00:00:00 2001
From: Marc Durdin <marc@durdin.net>
Date: Sun, 10 Mar 2024 14:59:16 -0500
Subject: [PATCH 3/5] chore(web): try 0.6em

---
 web/src/resources/osk/kmwosk.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css
index ad4fca3dd49..fe5f26c4662 100644
--- a/web/src/resources/osk/kmwosk.css
+++ b/web/src/resources/osk/kmwosk.css
@@ -360,7 +360,7 @@
 }
 
 .android .kmw-key-popup-icon{
-  font-size: 0.75em;
+  font-size: 0.6em;
   color: #ccc;
 }
 

From 4833680d3b5fe8ed04f97733c0a6837dc9ecc7b2 Mon Sep 17 00:00:00 2001
From: Marc Durdin <marc@durdin.net>
Date: Sun, 10 Mar 2024 15:07:22 -0500
Subject: [PATCH 4/5] chore(web): try 0.5em again

---
 web/src/resources/osk/kmwosk.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css
index fe5f26c4662..814c1e8bc6f 100644
--- a/web/src/resources/osk/kmwosk.css
+++ b/web/src/resources/osk/kmwosk.css
@@ -360,7 +360,7 @@
 }
 
 .android .kmw-key-popup-icon{
-  font-size: 0.6em;
+  font-size: 0.5em;
   color: #ccc;
 }
 

From 58b1668afd98e50c63f3b46aad157bca8c608e43 Mon Sep 17 00:00:00 2001
From: Marc Durdin <marc@durdin.net>
Date: Sun, 10 Mar 2024 15:36:00 -0500
Subject: [PATCH 5/5] chore(web): try lighter color

---
 web/src/resources/osk/kmwosk.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css
index 814c1e8bc6f..91a940a7945 100644
--- a/web/src/resources/osk/kmwosk.css
+++ b/web/src/resources/osk/kmwosk.css
@@ -361,7 +361,7 @@
 
 .android .kmw-key-popup-icon{
   font-size: 0.5em;
-  color: #ccc;
+  color: #eee;
 }
 
 /* For certain form-factors, #aaa blends in with the special-key background-color _way_ too well. */