Improve modular_template.html's navbar and buttons (#54)

Co-authored-by: Federico <[email protected]>
projectmesa · Feb 26, 2024 · 4001971 · 4001971
1 parent c2fc69a
commit 4001971
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/mesa_viz_tornado/templates/modular_template.html b/mesa_viz_tornado/templates/modular_template.html
@@ -20,7 +20,7 @@
 <body>
 
     <!-- Navbar -->
-    <nav class="navbar navbar-dark bg-dark navbar-static-top navbar-expand-lg mb-3">
+    <nav class="navbar navbar-dark bg-dark sticky-top navbar-expand-lg mb-3">
         <div class="container">
             <button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#navbar" aria-expanded="false" aria-controls="navbar">
                 <span class="visually-hidden">Toggle navigation</span>
@@ -37,11 +37,11 @@
                     </li>
                 </ul>
                 <ul class="nav navbar-nav ms-auto">
-                    <li id="play-pause" class="nav-item"><a href="#" class="nav-link">Start</a>
+                    <li id="play-pause" class="nav-item"><button class="btn nav-link"">Start</button>
                     </li>
-                    <li id="step" class="nav-item"><a href="#" class="nav-link">Step</a>
+                    <li id="step" class="nav-item"><button class="btn nav-link">Step</button>
                     </li>
-                    <li id="reset" class="nav-item"><a href="#" class="nav-link">Reset</a>
+                    <li id="reset" class="nav-item"><button class="btn nav-link">Reset</button>
                     </li>
                 </ul>
             </div>