From a39a92bd22b89f09b9f208b767e2a674aaa05777 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Mon, 7 Nov 2016 18:45:44 +0100 Subject: [PATCH] Fix #135 - More prominent focus style for inputs --- app/assets/stylesheets/forms.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/forms.scss b/app/assets/stylesheets/forms.scss index fc670a13061..ad2e30b613a 100644 --- a/app/assets/stylesheets/forms.scss +++ b/app/assets/stylesheets/forms.scss @@ -52,9 +52,11 @@ code { input[type=text], input[type=email], input[type=password], textarea { background: transparent; + box-sizing: border-box; border: 0; border-bottom: 2px solid #9baec8; - padding: 7px 0; + border-radius: 2px 2px 0 0; + padding: 7px 4px; font-size: 16px; color: #fff; display: block; @@ -76,6 +78,7 @@ code { &:active, &:focus { border-bottom-color: #2b90d9; + background: rgba(0, 0, 0, 0.1); } }