From 04d399d673d553db81b44b50717ee0ef6d9d9f41 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Fri, 28 Aug 2020 22:40:37 +0100
Subject: [PATCH] fix timer css and add a few titles to navigation items

---
 css/main.css | 6 ++----
 index.html   | 8 ++++----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/css/main.css b/css/main.css
index 5452635..cadaae0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -828,11 +828,9 @@ select option:disabled {
 }
 
 #timer {
-  position: relative;
-  top: 50%;
   /* left: 50%; */
-  transform: translate(0, -20%);
-  /* color: #4527A0; */
+  margin: auto;
+  margin-right: 1em;
   opacity: 25%;
 }
 
diff --git a/index.html b/index.html
index 6f4b843..349fe9b 100644
--- a/index.html
+++ b/index.html
@@ -19,12 +19,12 @@
             <div class="nav-bar">
                 <button id="review-button" class="navigation nav-right"><b>☰</b></button>
                 <button id="submit-button" class="navigation nav-right"><b>submit</b></button>
-                <button id="options-button" class="navigation nav-right">options</button>
-                <button id="review-overlay-button" class="navigation nav-right">review</button>
+                <button id="options-button" class="navigation nav-right" title="click to load new packet or manage saved answers">options</button>
+                <button id="review-overlay-button" class="navigation nav-right" title="click to finish exam and review answers">review</button>
                 <!--<button id="logout-button" class="navigation nav-right">logout</button>-->
                 <div class="app-name nav-left">RTS</div>
-                <div id="timer"></div>
-                <div class="exam-name"></div>
+                <div id="timer" title="click to pause"></div>
+                <div class="exam-name" title="currently loaded packet"></div>
                 <input type="button" class="navigation nav-left" value="previous" disabled="disabled">
                 <input type="button" class="navigation nav-left" value="next">
             </div>