From df32ed440e72e1160b40b4630a506ee834def929 Mon Sep 17 00:00:00 2001 From: Francisco Hodge Date: Thu, 15 Mar 2018 13:07:40 -0400 Subject: [PATCH] Update default keyboard style --- src/lib/components/Keyboard.css | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/src/lib/components/Keyboard.css b/src/lib/components/Keyboard.css index ed0e6440..9d8700e9 100644 --- a/src/lib/components/Keyboard.css +++ b/src/lib/components/Keyboard.css @@ -36,23 +36,28 @@ body, html { /** * hg-theme-default theme */ - .simple-keyboard.hg-theme-default { - background-color: rgba(0,0,0,0.2); - padding: 5px; - border-radius: 5px; +.simple-keyboard.hg-theme-default { + background-color: rgba(0,0,0,0.2); + padding: 5px; + border-radius: 5px; } - .simple-keyboard.hg-theme-default .hg-button { - box-shadow: 0px 0px 51px -2px rgba(0,0,0,0.3); +.simple-keyboard.hg-theme-default .hg-button { + box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3); height: 40px; border: 1px solid rgba(0,0,0,0.25); border-radius: 5px; box-sizing: border-box; padding: 5px; background: white; + border-bottom: 1px solid gray; } - .simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button { + .simple-keyboard.hg-theme-default .hg-button:active { + background: #e4e4e4; + } + +.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button { width: 33.3%; height: 60px; align-items: center;