From 4d40c46cef04544ce15e490f67ae7a5101d16603 Mon Sep 17 00:00:00 2001
From: nearnshaw <earnshaw.nico@gmail.com>
Date: Tue, 2 Jul 2024 09:31:04 -0300
Subject: [PATCH] fix rounded corners and button labels

---
 src/ui.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/ui.tsx b/src/ui.tsx
index 607cca0..978accb 100644
--- a/src/ui.tsx
+++ b/src/ui.tsx
@@ -322,7 +322,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -353,7 +353,7 @@ export const NpcUtilsUi = () => {
           >
             <UiEntity
               uiTransform={{
-                width:  'auto',
+                width:  getScaledSize(25),
                 height: getScaledSize(25),
                 margin: { right: getScaledSize(5) },
                 positionType: 'absolute'
@@ -380,7 +380,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width:  'auto',
+              width:  getScaledSize(12),
               margin: { right: '5%' },
             }}
             uiBackground={{
@@ -402,7 +402,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -433,7 +433,7 @@ export const NpcUtilsUi = () => {
           >
             <UiEntity
               uiTransform={{
-                width:  'auto',
+                width:  getScaledSize(25),
                 height: getScaledSize(25),
                 margin: { right: getScaledSize(5) },
                 positionType: 'absolute',
@@ -460,7 +460,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width:  'auto',
+              width:  getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -493,7 +493,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -534,7 +534,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
               margin: { right: '5%' },
             }}
             uiBackground={{
@@ -556,7 +556,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',
@@ -597,7 +597,7 @@ export const NpcUtilsUi = () => {
           <UiEntity
             uiTransform={{
               height: 'auto',
-              width: 'auto',
+              width: getScaledSize(12),
             }}
             uiBackground={{
               textureMode: 'stretch',