lots of style changes

BinaryDad.Coding/wwwroot/css/site.css

@@ -1,5 +1,6 @@
 html, body {
     height: 100%;
+    background-color: #333;
 }
 
 #editor {
@@ -10,10 +11,18 @@ textarea, .navbar-brand {
     font-family: 'Roboto Mono', monospace;
 }
 
+footer {
+    padding:10px 0;
+}
+
 .navbar-brand {
     font-size: 26px;
 }
 
+.ace_print-margin {
+    display: none;
+}
+
 #live-mode-status {
     display: none;
     font-size: 13px;
@@ -31,8 +40,24 @@ textarea, .navbar-brand {
     text-align: center;
 }
 
+.jotted-nav {
+    display: none !important;
+}
+
+.jotted-pane {
+    width: 50% !important;
+    padding-top: 0 !important;
+}
+
+.jotted-pane-css, .jotted-pane-html {
+    height: 50% !important;
+}
+
+.jotted-pane-css {
+    border-top: 1px solid #ccc !important;
+}
+
 #users-list {
     color: #777;
     font-size: 12px;
-    margin-top: 10px;
-}
+}

BinaryDad.Coding/wwwroot/js/hub.js

@@ -30,10 +30,19 @@
         connection.invoke('SaveName', $yourNameText.val(), color);
     };
 
+    let setHeight = function () {
+
+        var editorHeight = $(window).height() - $('header').outerHeight() - $('footer').outerHeight();
+
+        $('#editor').height(editorHeight - 2);
+    };
+
     isLiveMode();
+    setHeight();
 
     // events
     $(window).on('hashchange', isLiveMode);
+    $(window).resize(setHeight);
     $('#your-name-text, #your-color-text').doneTyping(sendName);
 
     let isTeacher = window.location.hash === '#4ELQcUq7UnFGghAZCVr4Chr9JmtncigfkGu5WSf9';

BinaryDad.Coding/wwwroot/js/site.js

@@ -1,4 +1 @@
-// Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
-// for details on configuring this project to bundle and minify static web assets.
-
-// Write your JavaScript code.
+