Improve styling

Signed-off-by: Severin Kaderli <severin@kaderli.dev>

src/website/index.html

@@ -18,7 +18,6 @@
         <button id="start-calibration-button">Start Calibration</button>
         <button class="hide" id="stop-calibration-button">Stop Calibration</button>
       </div>
-      <p id="log"></p>
     </main>
     <script src="./scripts/Constants.js"></script>
     <script src="./scripts/Utility.js"></script>

src/website/scripts/Utility.js

@@ -67,7 +67,6 @@ class Utility {
   }
 
   static log(text) {
-    //logParagraph.innerHTML = `${text}<br>${logParagraph.innerHTML}`;
     console.log(text);
   }
 }

src/website/styles/main.css

@@ -1,5 +1,6 @@
 :root {
   --spacing: 12px;
+  --input-height: 40px;
 }
 
 * {
@@ -22,16 +23,12 @@ main {
 
 input {
   width: 100%;
+  padding: var(--spacing);
 }
 
 #message {
   position: relative;
-}
-
-#log {
-  height: 300px;
-  font-size: 0.8rem;
-  overflow: scroll;
+  min-height: 23px;
 }
 
 .buttons {
@@ -43,6 +40,7 @@ input {
 button {
   width: 100%;
   display: block;
+  padding: var(--spacing);
 }
 
 .hide {