From 8c9ca55daeb9ce3a6c5793703e6c5c0705046e43 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Fri, 22 Apr 2022 19:30:44 -0700
Subject: [PATCH] path setting button styling

---
 resources/index.html      | 10 ++++++++--
 resources/style/index.css | 14 +++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/resources/index.html b/resources/index.html
index 149ab3f..321ecc5 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -104,8 +104,14 @@
     
     <div id="bottomBar">
       <div class="bottomSection">
-        <button class="smolBtn" onclick="setGenshinImpactFolder()">Set "Genshin Impact Game" folder</button>
-        <span id="genshinPath" style="margin-top: 4px;"></span>
+        <div>
+          <button class="smolBtn" onclick="setGenshinImpactFolder()">Set "Genshin Impact Game" folder</button>
+          <span id="genshinPath" style="margin-top: 4px;"></span>
+        </div>
+        <div>
+          <button class="smolBtn" onclick="setGrassCutterFolder()">Set "GrassCutter" folder</button>
+          <span id="serverPath" style="margin-top: 4px;"></span>
+        </div>
       </div>
     </div>
   </body>
diff --git a/resources/style/index.css b/resources/style/index.css
index 6bac758..54473c7 100644
--- a/resources/style/index.css
+++ b/resources/style/index.css
@@ -281,9 +281,21 @@ body {
 
 .bottomSection {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   height: 100%;
+  width: 100%;
   background: #141414;
+  justify-content: space-evenly;
+}
+
+.bottomSection div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #141414;
+  margin: 4px;
+  height: 10%;
 }
 
 #genshinPath {