Add nav for archive and songbook

sass/style.scss

@@ -32,7 +32,7 @@ main.songs {
 		grid-template-columns: 1fr;
 	}
 
-	.filters {
+	.filters, .nav {
 		display: grid;
 		grid-template-columns: 1fr 1fr 1fr 1fr;
 		gap: 1em;
@@ -83,8 +83,12 @@ main.songs {
 		}
 
 		&>.button {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			gap: .5em;
 			font-weight: bold;
-			text-align: center;
+			text-decoration: none;
 			cursor: pointer;
 			user-select: none;
 			padding: .75em 1em;
@@ -95,6 +99,10 @@ main.songs {
 				&[data-category="mixtape"] { background-color: #bf616a }
 				&[data-category="classic"] { background-color: #5e81ac }
 			}
+
+			& svg {
+				height: 1.2em;
+			}
 		}
 
 		@media only screen and (max-width: $width-mobile) {
@@ -102,6 +110,7 @@ main.songs {
 		}
 
 	}
+	.nav { margin-bottom: 0 }
 
 	.song-list {
 		display: grid;