From c5cfe001e8a8e6aefe64fe44bbeffec336262931 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Wed, 20 Apr 2022 17:06:35 -0700
Subject: [PATCH] button styling

---
 neutralino.config.json    |  2 +-
 resources/index.html      |  6 +++--
 resources/style/index.css | 49 +++++++++++++++++++++++++++++++++++----
 3 files changed, 49 insertions(+), 8 deletions(-)

diff --git a/neutralino.config.json b/neutralino.config.json
index 4cdafda..3ec0ae3 100644
--- a/neutralino.config.json
+++ b/neutralino.config.json
@@ -34,7 +34,7 @@
       "borderless": false,
       "maximize": false,
       "hidden": false,
-      "resizable": true,
+      "resizable": false,
       "exitProcessOnClose": true
     },
     "browser": {},
diff --git a/resources/index.html b/resources/index.html
index f28308c..5708be5 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -11,8 +11,10 @@
         <button class="playBtn" onclick="launchOfficial()">Play Official</button>
       </div>
       <div id="secondHalf">
-        <button class="playBtn" onclick="launchPrivate()">Play Private</button>
-        <input type="text" id="ip" placeholder="IP Address" />
+        <div id="secondControlContainer">
+          <input type="text" id="ip" placeholder="IP Address" />
+          <button class="playBtn" onclick="launchPrivate()">Play Private</button>
+        </div>
       </div>
     </div>
     
diff --git a/resources/style/index.css b/resources/style/index.css
index da7c2fc..f479ee7 100644
--- a/resources/style/index.css
+++ b/resources/style/index.css
@@ -5,10 +5,6 @@ body {
   font-family: Arial, Helvetica, sans-serif;
 }
 
-input[type="text"] {
-  height: 20px;
-}
-
 .playBtn:hover, .smolBtn:hover {
   cursor: pointer;
 }
@@ -24,6 +20,10 @@ input[type="text"] {
   font-size: 20px;
 }
 
+.playBtn:hover {
+  background: linear-gradient(#ffc61e, #ffd326);
+}
+
 .smolBtn {
   padding: 0 20px;
   border-radius: 5px;
@@ -35,6 +35,10 @@ input[type="text"] {
   font-size: 14px;
 }
 
+.smolBtn:hover {
+  background: linear-gradient(#ffc61e, #ffd326);
+}
+
 #bottomBar {
   display: flex;
   justify-content: center;
@@ -77,10 +81,45 @@ input[type="text"] {
   background-position: -340px;
 }
 
-/* Move the button to the position on the png */
+/* Move the first official button to the position on the png */
 #firstHalf button {
   position: relative;
   transform: translate(115px, 480px);
   width: 300px;
   height: 60px;
+}
+
+#ip {
+  display: block;
+}
+
+#secondHalf button {
+  display: block;
+  width: 300px;
+  height: 60px;
+}
+
+#secondHalf input {
+  margin-bottom: 4px;
+  height: 20px;
+  background: white;
+  border: none;
+  border-bottom: 2px solid #4d4d4d;
+  padding: 8px;
+
+  /* border bottom anim */
+  transition: border-bottom 0.1s ease-in-out;
+}
+
+#secondHalf input:focus {
+  outline: none;
+  border-bottom: 2px solid #ffc61e;
+}
+
+/* Move the second private button the near-bottom */
+#secondControlContainer {
+  position: relative;
+  transform: translate(115px, 446px);
+  width: 300px;
+  height: 60px;
 }
\ No newline at end of file