Adding reqs

templates/layouts/index.html

@@ -27,6 +27,17 @@
     <nav class="navbar navbar-dark bg-dark">
         <div class="container-fluid">
             <span class="navbar-brand mb-0 h1 station-name">Navbar</span>
+            <div class="dropdown">
+                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2"
+                        data-bs-toggle="dropdown" aria-expanded="false">
+                    Dropdown button
+                </button>
+                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
+                    {% for item in station_names %}
+                    <li><a class="dropdown-item" href="/get_stop_id/{{ item }}">{{ item }}</a></li>
+                    {% endfor %}
+                </ul>
+            </div>
         </div>
     </nav>
     <div class="container-fluid content-row g-0">

templates/static/css/style.css

@@ -18,6 +18,11 @@
   float: right;
 }
 
+.dropdown-menu {
+    max-height: 280px;
+    overflow-y: auto;
+}
+
 
 @media screen and (max-width: 1000px) {
     .site-title {