change navbar slightly

static/styles.css

@@ -566,7 +566,6 @@ input:focus {
   color: whitesmoke;
   border: none;
   cursor: pointer;
-  width: 200px;
   text-align: center;
   display: inline-flex;
   align-items: center;

templates/navbar.jinja

@@ -11,7 +11,7 @@
         {% if user %}
         {% if user["account_type"] == "admin" %}
         <div class="dropdown">
-            <button class="dropbtn">Devtools ▾</button>
+            <a class="dropbtn">Devtools ▾</a>
             <div class="dropdown-content">
                 <a href="/about">About</a>
                 <a href="/species/portal">Add Species</a>
@@ -24,9 +24,15 @@
         </div>
         <a href="/admin">Admin</a>
         {% endif %}
-        <a href="/dashboard">Dashboard</a>
+        <div class="dropdown">
-        <a href="/settings">Settings</a>
+            <a class="dropbtn">{{user["username"]}} ▾</a>
-        <a href="/logout">Logout</a>
+            <div class="dropdown-content">
+                <a href="/dashboard">Dashboard</a>
+                <a href="/settings">Settings</a>
+                <a href="/logout">Logout</a>
+            </div>
+        </div>
+        <a href="/about">About</a>
         {% else %}
         {{ button(url='/login', button_text='Login', extra_classes='') }}
         {{ button(url='/register', button_text='Register', extra_classes='') }}