changed button padding to before

src/renderer/components/ft-list-video/ft-list-video.js

@@ -506,14 +506,14 @@ export default defineComponent({
       return this.$store.getters.getUseDeArrowThumbnails
     },
 
-    deArrowToggleStyle: function () {
-      let defaultStyle = { size: 12, padding: 4 }
+    deArrowToggleSize: function () {
+      let defaultSize = 12
       if (this.globalUseDeArrowTitles && this.deArrowCache?.title &&
         this.data.title.localeCompare(this.deArrowCache.title, undefined, { sensitivity: 'accent' }) !== 0) {
-        defaultStyle = { size: 16, padding: 2 }
+        defaultSize = 16
       }
 
-      return defaultStyle
+      return defaultSize
     },
 
     deArrowCache: function () {

src/renderer/components/ft-list-video/ft-list-video.vue

@@ -132,8 +132,7 @@
           :icon="['fas', 'times-circle']"
           :title="deArrowToggleTitle"
           theme="base-no-default"
-          :size="deArrowToggleStyle.size"
-          :padding="deArrowToggleStyle.padding"
+          :size="deArrowToggleSize"
           :use-shadow="false"
           role="button"
           @click="toggleDeArrow"
@@ -233,7 +232,6 @@
         :title="$t('Video.More Options')"
         theme="base-no-default"
         :size="16"
-        :padding="2"
         :use-shadow="false"
         dropdown-position-x="left"
         :dropdown-options="dropdownOptions"