From bbc0bb7c3658a020da0a291249cc3da71a57bf9a Mon Sep 17 00:00:00 2001
From: Radek Czajka <rczajka@rczajka.pl>
Date: Thu, 22 Apr 2021 12:47:32 +0200
Subject: [PATCH] More readable keyboard.

---
 src/toolbar/templates/toolbar/keyboard.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/toolbar/templates/toolbar/keyboard.html b/src/toolbar/templates/toolbar/keyboard.html
index 3fd2748f..f2642046 100644
--- a/src/toolbar/templates/toolbar/keyboard.html
+++ b/src/toolbar/templates/toolbar/keyboard.html
@@ -27,7 +27,7 @@
 	margin-right: .5vw;
 	background: white;
 	border: 1px solid black;
-	border-radius: 10px;
+	border-radius: .5vw;
 	font-size: 3vw;
 	padding-left: 1vw;
 	padding-top: 1.5vw;
@@ -36,18 +36,26 @@
 #keyboard .keyboard-row .lower, #keyboard .keyboard-row .upper {
 	position: absolute;
 	font-size: 1vw;
-	bottom: 1vw;
-	right: 1vw;
-	left: 1vw;
+	bottom: 0;
+	right: 0;
+	left: 0;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-align: right;
+	padding: 1vw;
+	border-radius: .5vw;
 }
 #keyboard .keyboard-row .upper {
 	bottom: auto;
-	top: 1vw;
+	top: 0;
 }
+#keyboard .keyboard-row div:hover .lower, #keyboard .keyboard-row div:hover .upper {
+	background: #ddd;
+	left: auto;
+	overflow: auto;
+}
+
 	#keyboard-close {
 		position: absolute;
 		right: 0;
-- 
2.20.1