Fix the command button states, spacing and icon placement

This commit is contained in:
mmcwilliams 2018-02-01 14:50:27 -05:00
parent 1032fdb43e
commit baac6ea2f9
1 changed files with 11 additions and 4 deletions

View File

@ -8,13 +8,20 @@
.cmd{ .cmd{
width: 240px; width: 240px;
text-align: center; text-align: center;
margin: 5px auto; margin: 10px auto;
display: block; display: block;
font-size: 16px; font-size: 16px;
i{ i{
margin-top: 3px;
&:first-child{
float: left; float: left;
margin-right: 5px; margin-right: 5px;
} }
&:last-child{
float: right;
margin-right: 5px;
}
}
&.fwd i{ &.fwd i{
color: @FORWARD; color: @FORWARD;
} }
@ -22,7 +29,7 @@
color: @BACKWARD; color: @BACKWARD;
} }
&:active, &:active,
.active{ &.active{
&.fwd{ &.fwd{
background: @FORWARD; background: @FORWARD;
border-color: @FORWARD; border-color: @FORWARD;