diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss index e714e85cd..cbbbf1a03 100644 --- a/src/styles/common-error-styles.scss +++ b/src/styles/common-error-styles.scss @@ -3,6 +3,7 @@ html { &.list-button, &.list-card, &.list-card.list-button { + border: none; color: $red; input[type=checkbox]:focus + label, input[type=radio]:focus + label { @@ -13,10 +14,11 @@ html { } &:hover { box-shadow: 0px 0px 0px 4px $red-200; - border-radius: 10px; + border-radius: .5rem; } label { border: 1px solid $red; + border-radius: .5rem; } label:hover { box-shadow: 0px 0px 0px 4px $red-200; @@ -51,12 +53,21 @@ html { } &.textbox-question, &.dropdown-question { + input:hover { + box-shadow: 0px 0px 0px 4px $red-200; + border-radius: .5rem; + border: 1px solid $red; + } + input:focus { + box-shadow: 0 0 0 2.5px $red; + } p { color: $red; } input, select { - border: 1px solid $red; + border: 1px solid transparent; + box-shadow: 0 0 0 1px $red; &:focus { border: 1px solid transparent; }