diff --git a/app/javascript/flavours/glitch/styles/polls.scss b/app/javascript/flavours/glitch/styles/polls.scss index d328d8ea6c..4566a013a6 100644 --- a/app/javascript/flavours/glitch/styles/polls.scss +++ b/app/javascript/flavours/glitch/styles/polls.scss @@ -111,7 +111,7 @@ &__input { display: inline-block; position: relative; - border: 1px solid $ui-button-background-color; + border: 1px solid $ui-primary-color; box-sizing: border-box; width: 18px; height: 18px; @@ -130,13 +130,13 @@ &:active, &:focus, &:hover { - border-color: $ui-button-focus-background-color; + border-color: lighten($valid-value-color, 15%); border-width: 4px; } &.active { - background-color: $ui-button-focus-background-color; - border-color: $ui-button-focus-background-color; + background-color: $valid-value-color; + border-color: $valid-value-color; } &::-moz-focus-inner { @@ -223,6 +223,14 @@ padding: 10px; } + .poll__input { + &:active, + &:focus, + &:hover { + border-color: $ui-button-focus-background-color; + } + } + .poll__footer { border-top: 1px solid darken($simple-background-color, 8%); padding: 10px;