Formatting

www/public/main.css

@@ -48,13 +48,14 @@ html, body {
 }
 
 #log-area {
-    width: 50%;
+    width: 100%;
     height: 500px;
     background-color: aqua;
     color: aqua;
 }
 
 #trial {
+    display:;
     color: yellow;
     font-size: 20px;
     background-color: red;
@@ -67,18 +68,9 @@ html, body {
     text-align: center;
 }
 
-.button-unselected {
-    margin: 5px;
-    border-width: 0px;
-    font-family: times;
-    font-size: 20px;
-    height: 35px;
-    width: 150px;
-    border-top-left-radius: 0px;
-    border-bottom-left-radius: 0px;
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-    background-color: #ccc;
+.btn {
+    background-color: #333;
+    color: aqua;
 }
 
 .button-selected {
@@ -96,6 +88,7 @@ html, body {
 
 table {
     margin: 0 auto;
+    color: aqua !important;
 }
 
 table, th, td {

www/views/index.html

@@ -63,7 +63,7 @@
             <img src="./dancing_jesus.gif" class="img-fluid">
         </div>
         <div id="log-container" class="row">
-            <iframe id="log-area" src="log.txt" class="col-sm-12 col-md-6"></iframe>
+            <iframe id="log-area" src="log.txt" class="col-sm-12"></iframe>
         </div>
         <div class="controls-container">
             <form action="/" method="POST">