fix: Button text padding

decentraland · Feb 27, 2025 · 1c63b3d · 1c63b3d
1 parent cd59d33
commit 1c63b3d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/admin-toolkit-ui/Button.tsx b/src/admin-toolkit-ui/Button.tsx
@@ -69,6 +69,7 @@ interface CompositeButtonProps
   onlyIcon?: boolean
   iconTransform?: UiTransformProps
   variant?: ButtonVariant
+  labelTransform?: UiTransformProps
 }
 
 export const Button = (props: CompositeButtonProps) => {
@@ -84,6 +85,7 @@ export const Button = (props: CompositeButtonProps) => {
     disabled,
     uiBackground,
     uiTransform,
+    labelTransform,
     variant = 'primary',
   } = props
 
@@ -128,9 +130,7 @@ export const Button = (props: CompositeButtonProps) => {
     >
       {icon && (
         <UiEntity
-          uiTransform={{
-            ...iconTransform,
-          }}
+          uiTransform={iconTransform}
           uiBackground={{
             texture: {
               src: icon,
@@ -140,7 +140,12 @@ export const Button = (props: CompositeButtonProps) => {
         />
       )}
       {!onlyIcon && !!value ? (
-        <Label value={value} color={color} fontSize={fontSize} />
+        <Label
+          value={value}
+          color={color}
+          fontSize={fontSize}
+          uiTransform={labelTransform}
+        />
       ) : null}
     </UiEntity>
   )

diff --git a/src/admin-toolkit-ui/VideoControl.tsx b/src/admin-toolkit-ui/VideoControl.tsx
@@ -290,11 +290,13 @@ function VideoPlayerSelector({
               state.videoControl.selectedVideoPlayer = idx
             }}
             uiTransform={{
-              minWidth: 69 * scaleFactor,
               alignItems: 'center',
               justifyContent: 'center',
+              alignSelf: 'center',
               margin: { right: 8 * scaleFactor },
-              padding: 0,
+            }}
+            labelTransform={{
+              padding: 4 * scaleFactor,
             }}
           />
         )