diff -r 296c7d34d2ba -r ac320de33ec7 cms/app-client/app/styles/components/player-component.scss --- a/cms/app-client/app/styles/components/player-component.scss Thu Aug 04 17:59:38 2016 +0200 +++ b/cms/app-client/app/styles/components/player-component.scss Fri Aug 05 14:55:45 2016 +0200 @@ -90,7 +90,7 @@ } .player-component #audio .progress .bar { - width: 302px; + width: 226px; height: 3px; background-color: $light-white; margin: -1px 60px 0 60px; @@ -120,7 +120,7 @@ } .player-component #audio .meta p:first-child { - margin-left: 0px; + margin-left: 59px; } .player-component #audio .meta p > * { @@ -165,4 +165,21 @@ width: 100%; display: block; margin: 0 auto; -} \ No newline at end of file +} + +.player-component #audio .controls.extra i.fa-bars { + position: relative; +} + +.player-component #audio .controls.extra i.fa-bars::before { + font-size: 21px; + transition: opacity .15s; +} + +.player-component #audio .controls.extra i.fa-bars:not(.active)::before { + opacity: .1; +} + +.player-component #audio .controls.extra i.fa-bars:not(.active):hover::before { + opacity: 1; +}