Add buttons to access add score and management pages

public/scripts/index.js

@@ -8,6 +8,8 @@ const teamDropdown = document.getElementById('team-dropdown');
 const gamesTable = document.getElementById('games-table');
 const gamesTableHeader = document.getElementById('games-table-header');
 const noScoresMessage = document.getElementById('no-scores-message');
+const addScoreButton = document.getElementById('add-score-button');
+const manageButton = document.getElementById('manage-button');
 
 
 
@@ -174,3 +176,12 @@ sportDropdown.onchange = (() => {
 genderDropdown.onchange = listDivisions;
 teamDropdown.onchange = listGames;
 seasonDropdown.onchange = listGames;
+
+
+addScoreButton.addEventListener('click', () => {
+    window.location.href = '/manage/game';
+});
+
+manageButton.addEventListener('click', () => {
+    window.location.href = '/manage'
+});

public/stylesheets/index.css

@@ -19,3 +19,14 @@ th {
 tr {
     height: 3em;
 }
+
+#header-div {
+    display: flex;
+    flex-direction: row;
+}
+
+#actions-div {
+    display: flex;
+    flex-direction: column;
+    margin-left: auto;
+}

views/index.pug

@@ -6,7 +6,11 @@ block stylesheets
 
 block content
   div#mobile-view
-    h1 Score Tracker
+    div#header-div
+        h1 Score Tracker
+        div#actions-div
+            button#add-score-button +
+            button#manage-button Manage
     div
         span(class='form-section')
             label Year