Merge pull request #768 from jurassic-period/master

new setting button for CBPlayer

services/app/assets/js/widgets/components/CBPlayer/ControlPanel.jsx

@@ -18,7 +18,7 @@ const ControlPanel = ({
   const [mode, setMode] = useState(modes.pause);
   const [speedMode, setSpeedMode] = useState(speedModes.normal);
 
-  const speedControlClassNames = cn('btn btn-sm border rounded ml-4', {
+  const speedControlClassNames = cn('btn btn-sm rounded ml-2 border', {
     'btn-light': speedMode === speedModes.normal,
     'btn-secondary': speedMode === speedModes.fast,
   });
@@ -71,7 +71,21 @@ const ControlPanel = ({
         )}
       </button>
       {children}
-      <button type="button" className={speedControlClassNames} onClick={onChangeSpeed}>x2</button>
+      <div className="dropup">
+        <button
+          className="btn btn-light px-2 ml-1 shadow-none d-flex"
+          type="button"
+          id="dropdownMenuButton"
+          data-toggle="dropdown"
+          aria-haspopup="true"
+          aria-expanded="false"
+        >
+          <i className="fas fa-cog" />
+        </button>
+        <div className="dropdown-menu" aria-labelledby="dropdownMenuButton">
+          <button type="button" className={speedControlClassNames} onClick={onChangeSpeed}>x2</button>
+        </div>
+      </div>
     </>
   );
 };