blurred backdrop for bottom section

src/ui/components/RightBar.css

@@ -10,6 +10,8 @@
   width: 6%;
   left: 94%;
 
+  z-index: 99;
+
   background-color: rgba(77, 77, 77, 0.6);
 }
 

src/ui/components/ServerLaunchSection.css

@@ -4,11 +4,11 @@
   justify-content: space-between;
 
   position: absolute;
-  top: 75%;
   left: 60%;
+  top: 5%;
 
   width: 30%;
-  height: 18%;
+  height: 55%;
 }
 
 #playButton > div {

src/ui/components/ServerLaunchSection.tsx

@@ -130,7 +130,7 @@ export default class ServerLaunchSection extends React.Component<IProps, IState>
         </div>
 
         <div className="ServerConfig">
-          <TextInput id="ip" key="ip" placeholder={this.state.ipPlaceholder} onChange={this.setIp} />,
+          <TextInput id="ip" key="ip" placeholder={this.state.ipPlaceholder} onChange={this.setIp} />
           <TextInput id="port" key="port" placeholder={this.state.portPlaceholder} onChange={this.setPort}/> 
         </div>
 

src/ui/components/common/ProgressBar.css

@@ -10,7 +10,7 @@
 
 .ProgressBar {
   height: 20px;
-  width: 80%;
+  width: 100%;
   background-color: rgba(204, 204, 204, 0.5);
   color: #c5c5c5;
 
@@ -30,7 +30,7 @@
 }
 
 .MainProgressText {
-  width: 100%;
+  width: 80%;
 }
 
 .MainProgressBarWrapper {

src/ui/components/news/NewsSection.css

@@ -9,7 +9,7 @@
   height: 30%;
   width: 40%;
 
-  top: 35%;
+  top: 20%;
   left: 5%;
 }