update style

packages/artplayer/src/control/quality.js

@@ -4,6 +4,9 @@ export default function quality(option) {
         const qualityDefault = qualityOption.find((item) => item.default) || qualityOption[0];
         return {
             ...option,
+            style: {
+                marginRight: '10px',
+            },
             html: qualityDefault ? qualityDefault.html : '',
             selector: qualityOption,
             onSelect(item) {

packages/artplayer/src/control/time.js

@@ -5,6 +5,7 @@ export default function time(option) {
         ...option,
         style: {
             cursor: 'auto',
+            marginLeft: '10px',
         },
         mounted: ($control) => {
             function getTime() {

packages/artplayer/src/style/bottom.less

@@ -211,10 +211,6 @@
                 }
             }
 
-            .art-control-onlyText {
-                padding: 0 10px;
-            }
-
             .art-control-volume {
                 .art-volume-panel {
                     position: relative;

packages/artplayer/src/utils/component.js

@@ -92,10 +92,6 @@ export default class Component {
             option.mounted.call(this.art, $ref);
         }
 
-        if ($ref.childNodes.length === 1 && $ref.childNodes[0].nodeType === 3) {
-            addClass($ref, 'art-control-onlyText');
-        }
-
         def(this, name, {
             value: $ref,
         });