From f8b9b5407bdbb9382628eefa748d4b179d03954e Mon Sep 17 00:00:00 2001
From: chopster44 <oscar@chopster44.com>
Date: Fri, 21 Jul 2023 17:27:08 +0100
Subject: [PATCH] Improved styling on buttons

---
 frontend/index.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index de7f03f..1454b93 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -26,14 +26,20 @@
     </div>
     <div id="mainPage" style="display: none;">
       <div id="content">
-        <div id="tasks" class="screen" style="">a</div>
-        <div id="history" class="screen" style="display: none;">b</div>
-        <div id="addTask" class="screen" style="display: none;">c</div>
+        <div id="tasks" class="screen" style="">Tasks</div>
+        <div id="history" class="screen" style="display: none;">History</div>
+        <div id="addTask" class="screen" style="display: none;">Add Task</div>
       </div>
-      <div id="menu" class="flex three">
-        <button class="third" onclick="switchScreen('task')" id="taskButton">Tasks</button>
-        <button class="third" onclick="switchScreen('history')" id="historyButton">History</button>
-        <button class="third" onclick="switchScreen('add')" id="addButton">Add Task</button>
+      <div id="menu" class="flex three demo">
+        <div class="third" id="taskButton">
+          <span class="button" onclick="switchScreen('task')">Tasks</span>
+        </div>
+        <div class="third" id="historyButton">
+          <span class="button" onclick="switchScreen('history')">History</span>
+        </div>
+        <div class="third" id="addButton">
+          <span class="button" onclick="switchScreen('add')" >Add Task</span>
+        </div>
       </div>
     </div>
   </body>