diff --git a/resources/static/css/common.css b/resources/static/css/common.css index e157905438f7bc7384f95e5f20583914c8e332fd..c330b9a99a28cd3401a67365026c4ee7d65a6922 100644 --- a/resources/static/css/common.css +++ b/resources/static/css/common.css @@ -103,6 +103,9 @@ input[type=password] { -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.5); -o-box-shadow: 1px 1px 0 rgba(255,255,255,0.5); box-shadow: 1px 1px 0 rgba(255,255,255,0.5); + + /* Fix webkit putting an inner box shadow on the input elements. Issue #1313 */ + -webkit-appearance: caret; } input[type=email]:focus, @@ -124,6 +127,11 @@ input[type=email]:disabled, input[type=password]:disabled { background-color: #f0f0f0; color: #4f4f4f; + /* The opacity and -webkit-text-fill-color are to override mobile Safari's + * default stylings that make reading input elements very difficult. + * issue #1311 */ + -webkit-text-fill-color: #4f4f4f; + opacity: 1; } input[type=radio], @@ -211,8 +219,8 @@ button[disabled], .submit_disabled button, .submit_disabled .button, } -.submit > #cancel, -#signIn .submit > #cancel { +.submit #cancel, +#signIn .submit #cancel { float: right; margin-right: 15px; line-height: 28px;