From 5893d311fe116996db7e6895bd4dc0aa9bf3c030 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian=20M=C3=BCller?=
 <9070224-W13R@users.noreply.gitlab.com>
Date: Thu, 16 Jun 2022 10:22:37 +0200
Subject: [PATCH] #4 moved Logout button out of the dropdown menu

---
 application/app/templates/userPanel.html | 2 +-
 static/css/main.css                      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/application/app/templates/userPanel.html b/application/app/templates/userPanel.html
index 4d0bba3..eecaf88 100644
--- a/application/app/templates/userPanel.html
+++ b/application/app/templates/userPanel.html
@@ -17,6 +17,7 @@
     <div class="horizontalButtonList">
         <a class="button" id="navBarBtnHome" href="/">Home</a>
         <a class="button" id="navBarBtnDeposit" href="/deposit">{% translate "Deposit" %}</a>
+        <a class="button" href="/accounts/logout">{% translate "Logout" %}</a>
         <div class="dropDownMenu" id="dropDownMenu">
             <button class="dropDownButton" id="dropDownMenuButton">
                 <div>{% translate "Account" %}</div>
@@ -28,7 +29,6 @@
                     <a class="button dropDownChoice" href="/admin/">Admin Panel</a>
                 {% endif %}
                 <a class="button dropDownChoice" href="/accounts/password_change/">{% translate "Change Password" %}</a>
-                <a class="button dropDownChoice" href="/accounts/logout">{% translate "Logout" %}</a>
             </div>
         </div>
     </div>
diff --git a/static/css/main.css b/static/css/main.css
index d8377b2..b574189 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -361,5 +361,11 @@ h1 {
         margin-right: 0;
         margin-left: 0;
         margin-top: .5rem;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+    .userPanel > .horizontalButtonList > .button,
+    .userPanel > .horizontalButtonList > .dropDownMenu {
+        margin: 0.25rem;
     }
 }
\ No newline at end of file