fix: 🌠 fix avatar placement issue

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);
 }
 

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>