navbar fixes

removed collapse button
added login/logout button to dropdown

templates/navbar.html

@@ -1,10 +1,10 @@
 {% load static %}
 <nav class="navbar navbar-dark navbar-expand-md py-0" style="background: #323669;">
-    <a class="navbar-brand d-flex text-uppercase fw-bold m-2 mx-4 text-dark" href="{% url 'home' %}">
+    <a class="navbar-brand d-flex text-uppercase fw-bold m-1 mx-2 text-dark" href="{% url 'home' %}">
         <img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
         <span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
     </a>
-    <button class="navbar-toggler m-2 mx-4 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2">
+    <button class="navbar-toggler m-2 mx-4 p-0 d-none" data-bs-toggle="collapse" data-bs-target="#navcol-2">
         <span class="visually-hidden">Toggle navigation</span>
         <span class="navbar-toggler-icon m-1"></span></button>
     <div id="navcol-2" class="collapse navbar-collapse">
@@ -20,7 +20,16 @@
             <li class="nav-item dropdown">
                 <a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">{{ request.user }} <img class="rounded-circle" height="24" src="{{ request.user.profile.avatar.url }}" width="24" /></a>
                 <div class="dropdown-menu">
-                    <a class="dropdown-item" href="#">Menu Item</a>
+                    {% if user.is_authenticated %}
+                        <a href="#" onClick="document.getElementById('logoutform').submit()">
+                            <button class="btn" type="button">Logout</button></a>
+                        <form id="logoutform" method="POST" action="{% url 'logout_benchcoachproject' %}">
+                            {% csrf_token %}
+                            <input type="hidden">
+                        </form>
+                    {% else %}
+                        <a href="{% url 'login_view' %}">login</a>
+                    {% endif %}
                 </div>
             </li>
             <li class="nav-item"></li>