From e012e327318af88ea294e723e89bd36a33d4e636 Mon Sep 17 00:00:00 2001
From: m5ka <m5ka@posteo.de>
Date: Mon, 25 Mar 2024 14:15:27 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=8C=A0=20fix=20avatar=20placement?=
 =?UTF-8?q?=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 moku/static/css/moku.css               | 2 +-
 moku/templates/moku/profile/show.jinja | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/moku/static/css/moku.css b/moku/static/css/moku.css
index c0d1c47..173d967 100644
--- a/moku/static/css/moku.css
+++ b/moku/static/css/moku.css
@@ -83,7 +83,7 @@ a:hover, button.logout:hover {
 .profile h2 {
     font-size: 1.8rem;
     font-weight: bold;
-    margin-block-end: 1.2rem;
+    margin-block-end: .6rem;
     color: var(--orange);
 }
 
diff --git a/moku/templates/moku/profile/show.jinja b/moku/templates/moku/profile/show.jinja
index a640919..d8416bc 100644
--- a/moku/templates/moku/profile/show.jinja
+++ b/moku/templates/moku/profile/show.jinja
@@ -3,13 +3,13 @@
 {% block content %}
     <div class="grid-content">
         <aside class="profile">
-            <h2>@{{ profile.username }}</h2>
             <dl>
                 {% if profile.avatar %}
                     <div class="double">
                         <img src="{{ profile.avatar.url }}" alt="@{{ profile.username }}'s avatar" class="avatar">
                     </div>
                 {% endif %}
+                <h2 class="double">@{{ profile.username }}</h2>
                 <div>
                     <dt>{% trans %}pronouns{% endtrans %}</dt>
                     <dd>{{ profile.pronouns or "not set" }}</dd>