implement control factor

1 files changed, 22 insertions, 23 deletions

diff --git a/assets/css/lustige-styles.css b/assets/css/lustige-styles.css
index a2bbcd1..5717bc7 100644
--- a/assets/css/lustige-styles.css
+++ b/assets/css/lustige-styles.css
@@ -5580,29 +5580,28 @@ a.inverted {
     .room .click-to-irc.active iframe {
       display: block; }
 
-/* extra large mejs controls on tablet & phone */
-@media only screen and (max-device-width: 768px) {
-  .mejs-container .mejs-controls {
-    height: 48px; }
-    .mejs-container .mejs-controls div {
-      width: 52px;
-      height: 52px; }
-    .mejs-container .mejs-controls .mejs-button button {
-      background-size: 288px 64px !important;
-      width: 32px;
-      height: 32px; }
-    .mejs-container .mejs-controls .mejs-playpause-button.mejs-play button {
-      background-position: 0 0; }
-    .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button {
-      background-position: 0 -32px; }
-    .mejs-container .mejs-controls .mejs-volume-button.mejs-mute button {
-      background-position: -32px -32px; }
-    .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute button {
-      background-position: -32px 0; }
-    .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
-      left: 8px; }
-    .mejs-container .mejs-controls .mejs-fullscreen-button button {
-      background-position: -64px 0; } }
+.mejs-container .mejs-controls {
+  height: 39px; }
+  .mejs-container .mejs-controls div {
+    width: 39px;
+    height: 39px; }
+  .mejs-container .mejs-controls .mejs-button button {
+    background-size: 216px 48px !important;
+    width: 24px;
+    height: 24px; }
+  .mejs-container .mejs-controls .mejs-playpause-button.mejs-play button {
+    background-position: 0 0; }
+  .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button {
+    background-position: 0 -24px; }
+  .mejs-container .mejs-controls .mejs-volume-button.mejs-mute button {
+    background-position: -24px -24px; }
+  .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute button {
+    background-position: -24px 0; }
+  .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
+    left: 6px; }
+  .mejs-container .mejs-controls .mejs-fullscreen-button button {
+    background-position: -48px 0; }
+
 /* and now for medium screens: */
 @media all and (min-width: 450px) and (max-width: 700px) {
   /* events overview */