From 5879207181be283d51898cac2ba002972145c665 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Sun, 22 May 2022 21:59:10 -0700
Subject: [PATCH] put 'play on grasscutter' closer to the play button when
 unchecked

---
 src-tauri/lang/en.json                    |  3 ++-
 src/ui/components/ServerLaunchSection.css |  2 +-
 src/ui/components/ServerLaunchSection.tsx | 10 +++++++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src-tauri/lang/en.json b/src-tauri/lang/en.json
index 8632227..ff8f8e4 100644
--- a/src-tauri/lang/en.json
+++ b/src-tauri/lang/en.json
@@ -7,7 +7,8 @@
     "ip_placeholder": "Server Address...",
     "port_placeholder": "Port...",
     "files_downloading": "Files Downloading: ",
-    "files_extracting": "Files Extracting: "
+    "files_extracting": "Files Extracting: ",
+    "port_help_text": "Ensure this is the Dispatch server port, not the Game server port. This is almost always '443'."
   },
   "options": {
     "game_exec": "Set Game Executable",
diff --git a/src/ui/components/ServerLaunchSection.css b/src/ui/components/ServerLaunchSection.css
index 3874e14..80351e2 100644
--- a/src/ui/components/ServerLaunchSection.css
+++ b/src/ui/components/ServerLaunchSection.css
@@ -1,7 +1,7 @@
 #playButton {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: space-evenly;
 
   position: absolute;
   transform: translate(0%, -50%);
diff --git a/src/ui/components/ServerLaunchSection.tsx b/src/ui/components/ServerLaunchSection.tsx
index 99569aa..21fd547 100644
--- a/src/ui/components/ServerLaunchSection.tsx
+++ b/src/ui/components/ServerLaunchSection.tsx
@@ -23,6 +23,8 @@ interface IState {
 
   ipPlaceholder: string;
   portPlaceholder: string;
+
+  portHelpText: string;
 }
 
 export default class ServerLaunchSection extends React.Component<IProps, IState> {
@@ -36,7 +38,8 @@ export default class ServerLaunchSection extends React.Component<IProps, IState>
       ip: '',
       port: '',
       ipPlaceholder: '',
-      portPlaceholder: ''
+      portPlaceholder: '',
+      portHelpText: ''
     }
 
     this.toggleGrasscutter = this.toggleGrasscutter.bind(this)
@@ -55,7 +58,8 @@ export default class ServerLaunchSection extends React.Component<IProps, IState>
       ip: config.last_ip || '',
       port: config.last_port || '',
       ipPlaceholder: await translate('main.ip_placeholder'),
-      portPlaceholder: await translate('main.port_placeholder')
+      portPlaceholder: await translate('main.port_placeholder'),
+      portHelpText: await translate('main.port_help_text')
     })
   }
 
@@ -152,7 +156,7 @@ export default class ServerLaunchSection extends React.Component<IProps, IState>
               <TextInput style={{
                 width: '10%',
               }} id="port" key="port" placeholder={this.state.portPlaceholder} onChange={this.setPort}/>
-              <HelpButton contents="Ensure this is the Dispatch server port, not the Game server port. This is almost always '443'." />
+              <HelpButton contents={this.state.portHelpText} />
             </div>
           )
         }