improved console formatting

Author: mroote

app/dist/dist/css/factorio-server-manager.css

@@ -17,7 +17,7 @@ div.console-container {
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
-  height: 20em;
+  height: 100vh;
   background: #efefef;
   padding: 0.5em;
   overflow: auto;

ui/App/components/ConsoleContent.jsx

@@ -88,15 +88,16 @@ class ConsoleContent extends React.Component {
                 </section>
 
                 <section className="content">
-                
-                <div id='console-output' className='console-container' onClick={this.handleClick} ref="output">
-                    {output}
-                </div>
-                <p>
-                    <span className="console-prompt-box">{this.state.prompt}
-                    <input type="text" onKeyPress={this.handleInput} ref="term" /></span>
-                </p>
+                <div className="console-box" >
+                    <div id='console-output' className='console-container' onClick={this.handleClick} ref="output">
+                        {output}
+                    </div>
+                    <p>
+                        <span className="console-prompt-box">{this.state.prompt}
+                        <input type="text" onKeyPress={this.handleInput} ref="term" /></span>
+                    </p>
 
+                </div>
                 </section>
             </div>
         );