improve looks of what's working so far

diff --git a/ui/index.html b/ui/index.html
index 966927d01b1abba3e89122602a3a9e55e19651db..48c5c96361bdaa3df344ed8c5acac2798a15dffe 100644 (file)
--- a/ui/index.html
+++ b/ui/index.html
@@ -100,12 +100,8 @@
          <br>
          Rocket Motor Static Test System
         </span>
-       <span class="w3-bar-item w3-center">
+       <span class="w3-bar-item w3-right">
          <div style="font-size: 24px;" id='time'></div>
-        </span>
-        <span class="w3-right">
-         <a class="w3-bar-item w3-right w3-button w3-round-large w3-black w3-hover-orange" href="#system">Configure System</a>
-        </span>
       </div>
     </div>
 
@@ -114,23 +110,23 @@
       <div class="w3-container w3-center w3-margin-top">
         <div class="w3-row">
           <div class="w3-col m3" style="width:20%">
-            <h3>Pressure</h3>
+            <h4>Pressure</h4>
             <div id='pressure'></div>
           </div>
           <div class="w3-col m3" style="width:20%">
-            <h3>Thrust</h3>
+            <h4>Thrust</h4>
             <div id='thrust'></div>
           </div>
           <div class="w3-col m3" style="width:20%">
-            <h3>Pyro</h3>
+            <h4>Pyro</h4>
             <div id='pyro'></div>
           </div>
           <div class="w3-col m3" style="width:20%">
-            <h3>Battery</h3>
+            <h4>Battery</h4>
             <div id='battery'></div>
           </div>
           <div class="w3-col m3" style="width:20%">
-            <h3>Armed</h3>
+            <h4>Armed</h4>
             <div id='armed'></div>
           </div>
         </div>
@@ -139,12 +135,19 @@
 
     <!-- TEST -->
     <section class="test">
-      <table id="testmetadata" class="w3-table w3-border w3-pale-yellow"> </table>
-      <div class="w3-container w3-center">
-        <button onclick="document.getElementById('start-metadata').style.display='block'" 
-          class="w3-button w3-round-large w3-black w3-hover-orange w3-large w3-opacity w3-margin-bottom">
-          Configure Test</button>
+      <div class="w3-bar">
+        <span class="w3-bar-item w3-left">
+          <h3>Configuration for Next Test</h3>
+        </span>
+        <span class="w3-bar-item w3-right">
+          <div class="w3-container w3-center">
+            <button onclick="document.getElementById('start-metadata').style.display='block'" 
+              class="w3-button w3-round-large w3-black w3-hover-orange w3-large w3-opacity">
+              Edit Test Configuration</button>
+          </div>
+        </span>
       </div>
+      <table id="testmetadata" class="w3-table w3-border w3-pale-yellow w3-margin-bottom"> </table>
       <div class="w3-container w3-center">
         <button id="ArmButton" onclick="armSystem()" 
           class="w3-button w3-round-large w3-black w3-hover-red w3-large w3-opacity w3-left">