From f4b8cdf732049b33d06e3c316208959a4fd0b996 Mon Sep 17 00:00:00 2001
From: Wehi <notstrangequark@gmail.com>
Date: Wed, 10 May 2023 02:19:44 +0200
Subject: [PATCH] Launch button stylized to look clearer. WIP on moving all the
 launch elements to the right for better readability.

---
 src/ui/App.css                            | 7 ++-----
 src/ui/components/ServerLaunchSection.css | 9 ++++++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ui/App.css b/src/ui/App.css
index 89f71a9..5d16289 100644
--- a/src/ui/App.css
+++ b/src/ui/App.css
@@ -29,7 +29,7 @@ select:focus {
 
 .App {
   background-size: cover !important;
-  background-position: center !important;
+  background-position: bottom !important;
 }
 
 .TopButton {
@@ -107,11 +107,8 @@ select:focus {
   width: 100%;
   height: 160px;
 
-  backdrop-filter: blur(10px);
-  box-shadow: inset 0px 5px 12px -3px rgb(50 50 50 / 75%);
-
   margin: 0;
-  padding: 0;
+  text-align: right;
 }
 
 @media (max-height: 580px) {
diff --git a/src/ui/components/ServerLaunchSection.css b/src/ui/components/ServerLaunchSection.css
index 7b54b91..ebc1712 100644
--- a/src/ui/components/ServerLaunchSection.css
+++ b/src/ui/components/ServerLaunchSection.css
@@ -8,9 +8,10 @@
   right: 10%;
   top: 50%;
 
-  width: 32%;
-  height: 80%;
+  width: 20%;
+  height: 120%;
   min-width: 357px;
+  padding: 0 0 140px 0;
 }
 
 #playButton > div {
@@ -20,13 +21,15 @@
 #playButton .BigButton {
   height: 100%;
   box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
+  font-size: 24px;
+  font-weight: 400;
 }
 
 #serverControls {
   color: white;
 
   text-shadow: 1px 1px 8px black;
-}
+} 
 
 .BottomSection .CheckboxDisplay {
   border-color: #c5c5c5;