From: Radek Czajka <rczajka@rczajka.pl>
Date: Thu, 22 Apr 2021 10:47:32 +0000 (+0200)
Subject: More readable keyboard.
X-Git-Url: https://git.mdrn.pl/redakcja.git/commitdiff_plain/bbc0bb7c3658a020da0a291249cc3da71a57bf9a?ds=sidebyside

More readable keyboard.
---

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;