Chore: Move max-width to shared media styles

box · Apr 23, 2019 · e6083cf · e6083cf
1 parent 8ef5422
commit e6083cf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/lib/viewers/media/Dash.scss b/src/lib/viewers/media/Dash.scss
@@ -1,11 +1,5 @@
 @import 'mediaBase';
 
-.bp-media-container {
-    display: flex;
-    justify-content: center;
-    min-width: 320px; // Prevent media controls from overflowing on small screens
-}
-
 .bp-media-dash {
     video {
         cursor: none;

diff --git a/src/lib/viewers/media/_mediaBase.scss b/src/lib/viewers/media/_mediaBase.scss
@@ -24,9 +24,12 @@
 }
 
 .bp-media-container {
+    display: flex;
+    justify-content: center;
     outline: 0 none;
     position: relative;
     user-select: none;  // Prevents copy paste dialog from appearing on mobile
+    width: 100%; // Prevent media controls from overflowing on small screens
 }
 
 .bp-media-play-button {