From f1c79a5f943f34de5f01884a6cf405902af592db Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Mon, 18 Nov 2024 22:58:32 +0100
Subject: [PATCH] feat: UI improvements for user profile

---
 .../fellchensammlung/details/detail-user.html | 55 +++++++++++--------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/fellchensammlung/templates/fellchensammlung/details/detail-user.html b/src/fellchensammlung/templates/fellchensammlung/details/detail-user.html
index 2bab34c..40a05b4 100644
--- a/src/fellchensammlung/templates/fellchensammlung/details/detail-user.html
+++ b/src/fellchensammlung/templates/fellchensammlung/details/detail-user.html
@@ -13,27 +13,38 @@
         <p>{% translate "Keine bevorzugte Sprache gesetzt." %}</p>
     {% endif %}
 
-    {% if token %}
-        <form action="" class="btn2" method="POST">
-            {% csrf_token %}
-            <p class="text-muted"><strong>{% translate "API token:" %}</strong> {{ token }}</p>
-            <input class="create-token" type="submit" name="delete_token" value={% translate "Delete API token" %}>
-        </form>
-    {% else %}
-        <p>{% translate "No token set." %}</p>
-        <form action="" method="POST">
-            {% csrf_token %}
-            <input class="create-token" type="submit" name="create_token" value={% translate "Create API token" %}>
-        </form>
-    {% endif %}
+    <div class="container-cards">
+        {% if user.id is request.user.id %}
+                <div class="card">
+            {% if token %}
+                <form action="" method="POST">
+                    {% csrf_token %}
+                    <p class="text-muted"><strong>{% translate "API token:" %}</strong> {{ token }}</p>
+                    <input class="btn" type="submit" name="delete_token"
+                           value={% translate "Delete API token" %}>
+                </form>
+            {% else %}
+                <p>{% translate "Kein API-Token vorhanden." %}</p>
+                <form action="" method="POST">
+                    {% csrf_token %}
+                    <input class="btn" type="submit" name="create_token"
+                           value={% translate "Create API token" %}>
+                </form>
+            {% endif %}
+            </div>
+            </div><p>
+            <div class="container-comment-form">
+                <h2>{% trans 'Profil verwalten' %}</h2>
+                <p>
+                    <a class="btn2" href="{% url 'password_change' %}">{% translate "Change password" %}</a>
+                    <a class="btn2" href="{% url 'index' %}">{% translate "Daten exportieren" %}</a>
+                </p>
+            </div>
+            </p>
+            <h2>{% translate 'Benachrichtigungen' %}</h2>
+            {% include "fellchensammlung/lists/list-notifications.html" %}
+            <h2>{% translate 'Meine Vermittlungen' %}</h2>
+            {% include "fellchensammlung/lists/list-adoption-notices.html" %}
 
-    {% if user.id is request.user.id %}
-        <p><a href="{% url 'password_change' %}">{% translate "Change password here." %}</a></p>
-        <p><a href="{% url 'index' %}">{% translate "Export your data." %}</a></p>
-        <h2>{% translate 'Benachrichtigungen' %}</h2>
-        {% include "fellchensammlung/lists/list-notifications.html" %}
-        <h2>{% translate 'Meine Vermittlungen' %}</h2>
-        {% include "fellchensammlung/lists/list-adoption-notices.html" %}
-
-    {% endif %}
+        {% endif %}
 {% endblock %}
\ No newline at end of file