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');
 
 
 
@@ -173,4 +175,13 @@ sportDropdown.onchange = (() => {
 });
 genderDropdown.onchange = listDivisions;
 teamDropdown.onchange = listGames;
-seasonDropdown.onchange = listGames;
+seasonDropdown.onchange = listGames;
+
+
+addScoreButton.addEventListener('click', () => {
+    window.location.href = '/manage/game';
+});
+
+manageButton.addEventListener('click', () => {
+    window.location.href = '/manage'
+});

public/stylesheets/index.css

@@ -18,4 +18,15 @@ 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