style changes

2d2cc08fb939adccbc25b06c36c86182b4358a18 · Pavel Safronov · 2026-03-23 18:22:25 -0700 · parents 3acb2f71cdf9

style changes

 src/styles/main.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/styles/main.css b/src/styles/main.css
index b6692e0..30c1d7f 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -246,13 +246,13 @@ header {
 .keyboard__row {
     display: flex;
     justify-content: center;
-    gap: 6px;
+    gap: clamp(4px, 1.2vw, 6px);
 }
 
 .keyboard__key {
-    height: 58px;
-    min-width: 36px;
-    padding: 0 6px;
+    height: clamp(44px, 11vw, 58px);
+    min-width: 0;
+    padding: 0 2px;
     flex: 1;
     max-width: 44px;
     border: none;
@@ -268,9 +268,10 @@ header {
 }
 
 .keyboard__key--wide {
-    min-width: 56px;
+    min-width: 0;
     max-width: 66px;
-    font-size: 0.75rem;
+    flex: 1.5;
+    font-size: clamp(0.6rem, 2vw, 0.75rem);
 }
 
 .keyboard__key:active {