a few visual tweaks to the header

diff --git a/ui/index.html b/ui/index.html
index a7b6db6787d5bb656dfe0ecf21ebca209256c6a3..966927d01b1abba3e89122602a3a9e55e19651db 100644 (file)
--- a/ui/index.html
+++ b/ui/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="w3.css">
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="fontawesome.min.css">
     <script language="javascript" type='text/javascript' 
       src='/javascript/jquery/jquery.min.js'></script>
     <script type='text/javascript'>
@@ -91,19 +92,19 @@
     <!-- HEADER -->
     <div class="w3-top">
       <div class="w3-bar w3-deep-purple">
-        <span class="branding w3-bar-item w3-mobile w3-white">
-          <img src = "altusmetrum.svg" height=50 alt="Altus Metrum, LLC"/>
+        <span class="branding w3-bar-item w3-white">
+          <img src = "altusmetrum.svg" height=48 alt="Altus Metrum, LLC"/>
         </span>
         <span class="w3-bar-item">  
-          QuantiMotor
-          <br>
-          Rocket Motor Static Test System
-        </span>
-        <span class="w3-right w3-mobile">
-          <a class="w3-bar-item w3-button w3-mobile w3-hover-orange" href="#">Home</a>
-          <a class="w3-bar-item w3-button w3-mobile w3-hover-orange" href="#system">System</a>
+          <b>QuantiMotor</b>
          <br>
-         <div id='time'></div>
+         Rocket Motor Static Test System
+        </span>
+       <span class="w3-bar-item w3-center">
+         <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>