fix(FEC-10235): Play/Pause button is not accurately centered in small…

… player (#519) Since #398. Use `transform: translate(-50%, -50%)` and `white-space: nowrap` insteadof hardcoded `margin`
kaltura · Jun 25, 2020 · f2f608f · f2f608f
1 parent 6326ee7
commit f2f608f
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/src/components/playback-controls/_playback-controls.scss b/src/components/playback-controls/_playback-controls.scss
@@ -4,15 +4,10 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  margin-top: -32px;
-  margin-left: -48px;
-}
-
-.player.playlist {
-  .player-gui > .playback-controls,
-  .center-playback-controls {
-    margin-left: -144px;
-  }
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  white-space: nowrap;
 }
 
 .bottom-bar .playback-controls {