Improved styling on buttons

This commit is contained in:
2023-07-21 17:27:08 +01:00
parent 31a96558bf
commit f8b9b5407b

View File

@@ -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>