make navigation arrow icons easier to see

This commit is contained in:
Sean Yesmunt 2018-05-11 14:15:29 -04:00
parent fcdfa238b3
commit f6e8be47d0
2 changed files with 2 additions and 5 deletions

View file

@ -25,7 +25,7 @@ class IconComponent extends React.PureComponent<Props> {
let size = 14; let size = 14;
if (icon === icons.ARROW_LEFT || icon === icons.ARROW_RIGHT) { if (icon === icons.ARROW_LEFT || icon === icons.ARROW_RIGHT) {
size = 18; size = 20;
} }
return Icon ? <Icon size={size} className="icon" color={color} /> : null; return Icon ? <Icon size={size} className="icon" color={color} /> : null;

View file

@ -145,10 +145,7 @@ button:disabled {
.btn.btn--arrow { .btn.btn--arrow {
width: var(--btn-arrow-width); width: var(--btn-arrow-width);
color: var(--text-color);
&:hover:not(:disabled) {
color: var(--text-color);
}
&:disabled { &:disabled {
opacity: 0.3; opacity: 0.3;