From 2bdfa284f6fdc7a6a03c72cac89623509c504165 Mon Sep 17 00:00:00 2001
From: surz <36134492+surz90@users.noreply.github.com>
Date: Thu, 29 Aug 2024 20:02:34 +0700
Subject: [PATCH] fix skip text misaligned and add spacing between buttons

---
 src/ui.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/ui.tsx b/src/ui.tsx
index 7e16a96..a73854e 100644
--- a/src/ui.tsx
+++ b/src/ui.tsx
@@ -256,7 +256,8 @@ export const NpcUtilsUi = () => {
           uiTransform={{
             display: 'flex',
             positionType: 'absolute',
-            position: { left: '215%' }
+            alignSelf: 'center',
+            position: { left: '110%' }
           }}
           uiText={{
             value: 'Skip',
@@ -306,10 +307,11 @@ export const NpcUtilsUi = () => {
 
       <UiEntity
         uiTransform={{
-          width: getScaledButtonWidth(450),
+          width: getScaledSize(300),
+          height: getScaledSize(50),
           alignItems: 'center',
           flexDirection: 'row',
-          justifyContent: 'center',
+          justifyContent: 'space-around',
           display: displayFirstButtonContainer() ? 'flex' : 'none',
         }}
       >
@@ -476,10 +478,11 @@ export const NpcUtilsUi = () => {
       {/* Second row of buttons */}
       <UiEntity
         uiTransform={{
-          width: 'auto',
+          width: getScaledSize(300),
+          height: getScaledSize(50),
           alignItems: 'center',
           flexDirection: 'row',
-          justifyContent: 'center',
+          justifyContent: 'space-around',
           margin: { top: getScaledSize(20) },
           display: displaySecondButtonContainer() ? 'flex' : 'none',
         }}