tidyed up css after other changes

GroundControl/frontend/src/index.css

@@ -34,15 +34,17 @@ body::after {
 }
 
 .power-on-box {
-    position:relative;
+    position: relative;
-    justify-self:center;   
+    justify-self: center;
     margin-top: 20vh;
+    
 }
 
-#start-text{
+#start-text {
     font-size: 30px;
-    border:double;
+    border: ridge;
-    padding:2em 6em;
+    padding: 2em 6em;
+    box-shadow: 0 0 3px 1px rgb(49 255 0 / 0.70);
 }
 
 .console {
@@ -62,13 +64,23 @@ body::after {
     text-shadow: 0 0 6px #ff1111;
 }
 
-.terminal-window{
+.power-on-self-test{
-    width: 65%;
+    margin-left: 5vw;
-    height: 100%;
+}
-    overflow: auto;
+
+.terminal-window {
+    width: 60vw;
+    overflow: scroll;
     flex-grow: 1;
     display: flex;
     flex-direction: column-reverse;
+    border: double;
+    margin-left: 5vw;
+    margin-top: -5vh;
+}
+
+.terminal{
+    
 }
 
 .active-line{

GroundControl/frontend/src/index.js

@@ -8,7 +8,7 @@ import logos from './BoSLOO logo.json';
 import Terminal from './terminal.js';
 import StatusBar from './statusbar.js';
 
-const nominal = <div><Terminal /><StatusBar /></div>;
+const nominal = <Terminal />;
 
 class Console extends React.Component {
     constructor(props) {
@@ -54,6 +54,7 @@ class Console extends React.Component {
             <div className='console'>
                 <KeyboardEventHandler handleKeys={['all']} onKeyEvent={this.swapper} />
                 {this.state.bodyObj}
+                {this.state.init >= 2 ? <StatusBar/> : null}
             </div>
         );
     }