fix(filmstrip-only): set width for toolbar popovers

The popovers in filmstrip only are displaying thinly.
As a quick workaround, set a width on them. There
should only be one anyway, which shows up when
talking while muted.

css/_toolbars.scss

@@ -226,6 +226,10 @@
             width: 37px;
         }
 
+        .button-popover-message {
+            width: 100px;
+        }
+
         .toolbar-button-wrapper:first-child .button {
             border-top-left-radius: 3px;
             border-top-right-radius: 3px;

react/features/toolbox/components/ToolbarButton.web.js

@@ -128,7 +128,11 @@ class ToolbarButton extends Component {
 
             children = ( // eslint-disable-line no-extra-parens
                 <InlineDialog
-                    content = { t(dataAttr, dataInterpolate) }
+                    content = {
+                        <div className = 'button-popover-message'>
+                            { t(dataAttr, dataInterpolate) }
+                        </div>
+                    }
                     isOpen = { Boolean(popupConfig) }
                     position = { position }>
                     { buttonComponent }