Reintroduce burger nav

views/partials/nav.eta

@@ -6,14 +6,21 @@
 		<a class="navbar-item primary is-hidden" id="nav_username" href="/">
 			<strong>Hey, <span id="nav_usernameContent"></span></strong>
 		</a>
+
+		<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+			<span aria-hidden="true"></span>
+			<span aria-hidden="true"></span>
+			<span aria-hidden="true"></span>
+		</a>
 	</div>
 
-	<div id="navbarBasicExample" class="navbar-menu is-active">
+	<div id="navbarBasicExample" class="navbar-menu">
 		<div class="navbar-end">
 			<div class="navbar-item" id="dynamic-navbar-buttons">
 				<!-- Buttons will be dynamically injected here -->
 			</div>
 		</div>
+	</div>
 	<script>
 		document.addEventListener('DOMContentLoaded', () => {
 			const navbarButtons = document.getElementById('dynamic-navbar-buttons');
@@ -63,7 +70,17 @@
 				}
 				navbarButtons.appendChild(btn);
 			});
+
+			// Burger menu toggle
+			const burger = document.querySelector('.navbar-burger');
+			const menu = document.querySelector('.navbar-menu');
+
+			if (burger && menu) {
+				burger.addEventListener('click', () => {
+					burger.classList.toggle('is-active');
+					menu.classList.toggle('is-active');
+				});
+			}
 		});
 	</script>
-	</div>
 </nav>

views/user_select.eta

@@ -6,7 +6,7 @@
 </section>
 <hidden>
 	<!-- Base Button -->
-	<button class="button is-link is-medium m-2" id="baseStruct">Username</button>
+	<button class="button is-dark is-medium m-2" id="baseStruct">Username</button>
 </hidden>
 <div class="modal" id="pinPadModal">
   <div class="modal-background"></div>