Better macros, better config, initial updater

Software/WebConfig/css/style.css

@@ -1,8 +1,14 @@
+body, html {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+
 .center {
     position: relative;
     display:flex;
-    align-items:center;
-    flex-direction: column;
+    justify-content: center;
+    height: 100%;
 }
 
 .configBox {
@@ -12,12 +18,9 @@
 }
 
 .connect {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 285px;
-    display:flex;
-    justify-content:center;
+    height: 100%;
+    display: flex;
+    align-items: center;
 }
 
 .connect > button {
@@ -25,16 +28,9 @@
 }
 
 .configOptions {
-    margin-left: 180px;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
-    height: 400px;
-    width: 600px;
-}
-
-.configOptions > div, .configOptions > p {
-    width: 50%;
 }
 
 .colourPicker {