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