Benutze Nav-Pills als Fahrplan Umschalter

src/plainui/jinja2/plainui/fahrplan.html.j2

@@ -41,7 +41,7 @@
             <a href="#" class="btn m-2">{{ _("QR-Code") }}</a>
     </div> #}
 
-  <form method="get" action="#now" class="hub-card mb-2">
+  <form method="get" action="#now">
     <input type="hidden" name="mode" value="{{ mode }}">
     {% if show_assembly_filters %}<input type="hidden" name="show_assembly_filters" value="y">{% endif %}
     {% if day %}<input type="hidden" name="day" value="{{ day.index }}">{% endif %}
@@ -51,23 +51,22 @@
     {% if my_fahrplan %}<input type="hidden" name="my" value="y">{% endif %}
     {% if is_recorded is not none %}<input type="hidden" name="rec" value="{{ 'y' if is_recorded else 'n' }}">{% endif %}
 
-    <div class="d-flex gap-3 flex-column flex-md-row align-items-start hub-fahrplan__title mb-2">
-      <div>
+    <ul class="nav nav-pills mb-3">
+      <li class="nav-item">
         <button type="submit"
                 name="set"
                 value="mlist"
-                class="hub-fahrplan__view-toggle {{ 'hub-fahrplan__view-toggle--active' if mode == 'list' }}">
-          {{ _("fahrplan.filters.list") }}
-        </button>
+                class="nav-link {{ 'active' if mode == 'list' }}">{{ _("fahrplan.filters.list") }}</button>
+      </li>
+      <li class="nav-item">
         <button type="submit"
                 name="set"
                 value="mcalendar"
-                class="hub-fahrplan__view-toggle {{ 'hub-fahrplan__view-toggle--active' if mode == 'calendar' }}">
-          {{ _("fahrplan.filters.calendar") }}
-        </button>
-      </div>
-    </div>
+                class="nav-link {{ 'active' if mode == 'calendar' }}">{{ _("fahrplan.filters.calendar") }}</button>
+      </li>
+    </ul>
 
+    <div class="hub-card mb-2">
       <div class="hub-tags mb-2">
         {% if user.is_authenticated %}
           {{ filter_button("fmy", my_fahrplan, _("My Fahrplan") ) }}
@@ -106,6 +105,7 @@
               {%- endfor %}
           </div>
           {% endif %} #}
+      </div>
     </form>
 
     {% if timezone_warning %}