Moved fullscreen button style to it's own style sheet

bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/component.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
 import Button from '/imports/ui/components/button/component';
 import cx from 'classnames';
-import { styles } from '../styles';
+import { styles } from './styles';
 
 const intlMessages = defineMessages({
   fullscreenButton: {

bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/styles.scss

+:root {
+  --color-transparent: #ff000000;
+  ::-webkit-media-controls {
+    display:none !important;
+  }
+}
+
+.fullscreenButton {
+  position: absolute;
+  background-color: var(--color-transparent);
+  cursor: pointer;
+  border: none !important;
+}
+
+.button {
+  span, span:active, span:hover {
+    background-color: var(--color-transparent) !important;
+    border: none !important;
+    i {
+      border: none !important;
+      background-color: var(--color-transparent) !important;
+      font-weight: bold !important;
+    }
+  }
+}
+
+.dark .button span i {
+  color: var(--color-black);
+}

bigbluebutton-html5/imports/ui/components/video-provider/styles.scss

@@ -16,40 +16,3 @@
 //	 bottom: 0;
 //   }
 // }
-
-:root {
-  --color-transparent: #ff000000;
-}
-
-.fullscreenButton {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-
-  padding: 0;
-
-  background-color: var(--color-transparent);
-
-  cursor: pointer;
-
-  border: none;
-}
-
-.button {
-
-  span, span:active, span:hover {
-    background-color: var(--color-transparent);
-
-    border: none;
-
-    i {
-      border: none;
-      background-color: var(--color-transparent);
-      font-weight: bold;
-    }
-  }
-}
-
-.dark .button span i {
-  color: var(--color-black);
-}