BottomBar elements now align to right

src/ui/components/ServerLaunchSection.css

@@ -25,8 +25,10 @@
 
 #serverControls {
   color: white;
-
   text-shadow: 1px 1px 8px black;
+  align-self: flex-end;
+  margin-top: 10px;
+  margin-bottom: -10px;
 } 
 
 .BottomSection .CheckboxDisplay {
@@ -55,8 +57,8 @@
 
 .ServerConfig .Checkbox {
   display: inline-grid;
-  vertical-align: middle;
-  margin-left: 8px;
+  margin-top: 10px;
+  
 }
 
 .ServerLaunchButtons {
@@ -102,8 +104,24 @@
   box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
 }
 
-.ServerConfig .TextInputWrapper {
-  display: inline-block;
+.ServerConfig {
+  display: grid;
+  height: 100px;
+  grid-template-columns: 1;
+  grid-template-rows: repeat(2, 1fr);
+  justify-content: flex-end;
+}
+
+.ServerConfigGrid {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+#ServerConfigCheckbox {
+  margin-bottom: -10px;
+  margin-top: 10px;
+
 }
 
 #ip {