From baac6ea2f9481f2d17c24f6bd04744965469a4f2 Mon Sep 17 00:00:00 2001 From: mmcwilliams Date: Thu, 1 Feb 2018 14:50:27 -0500 Subject: [PATCH] Fix the command button states, spacing and icon placement --- app/less/cmd.less | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/app/less/cmd.less b/app/less/cmd.less index 685422f..60eab87 100644 --- a/app/less/cmd.less +++ b/app/less/cmd.less @@ -8,12 +8,19 @@ .cmd{ width: 240px; text-align: center; - margin: 5px auto; + margin: 10px auto; display: block; font-size: 16px; i{ - float: left; - margin-right: 5px; + 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;