cms/app-client/app/styles/components/player-component.scss
changeset 254 a7cf2887e993
parent 253 0be9770b09b4
child 288 f2b77873a156
--- a/cms/app-client/app/styles/components/player-component.scss	Fri Aug 05 18:51:59 2016 +0200
+++ b/cms/app-client/app/styles/components/player-component.scss	Tue Aug 16 00:16:08 2016 +0200
@@ -65,6 +65,14 @@
     margin-left: 10px;
 }
 
+.player-component #audio .controls.extra i {
+    margin-left: 28px;
+}
+
+.player-component #audio .controls.extra i:first-child {
+    margin-left: 0px;
+}
+
 .player-component #audio .progress {
     position: relative;
     margin: 0px 59px;
@@ -104,6 +112,10 @@
     width: 226px;
 }
 
+.player-component #audio.extra.multiple .progress .bar {
+    width: 181px;
+}
+
 .player-component #audio .progress .bar .value {
     width: 0%;
     height: 100%;
@@ -157,7 +169,7 @@
 
 .player-component #video {
     display: none;
-    background-color: $dark-blue;
+    background-color: #000000;
     border: none;
     z-index: 1;
     left: 0px;
@@ -165,12 +177,13 @@
     width: 554px;
 }
 
-.player-component.video:not(.reduce) #video {
+body.videoscreen .player-component.video #video {
     display: block;
 }
 
 .player-component #video #popcorn-audio {
     width: 100%;
+    height: 308px;
     display: block;
     margin: 0 auto;
 }
@@ -184,6 +197,11 @@
     transition: opacity .15s;
 }
 
+.player-component #audio .controls.extra i.fa-expand::before,
+.player-component #audio .controls.extra i.fa-compress::before {
+    font-size: 19px;
+}
+
 .player-component #audio .controls.extra i.fa-bars:not(.active)::before {
     opacity: .1;
 }