#54 user accounts - avatars

components/Account.vue

@@ -2,17 +2,19 @@
     <section>
         <div class="card mb-3">
             <div class="card-body d-flex flex-column flex-md-row">
-                <div class="mx-2 text-center d-flex flex-row flex-md-column">
-                    <p>
+                <div class="mx-2 text-center">
+                    <p class="mb-0">
                         <Avatar :user="$user()"/>
                     </p>
-                    <p class="text-center flex-grow-1">
+                    <p>
                         <a href="https://gravatar.com" target="_blank" rel="noopener" class="small">
+                            <Icon v="external-link"/>
                             <T>user.avatar.change</T>
-                            <br/>
-                            Gravatar.com
                         </a>
                     </p>
+                    <p v-if="$admin()">
+                        <span class="badge badge-primary"><T>user.account.admin</T></span>
+                    </p>
                 </div>
                 <div class="mx-2 flex-grow-1">
                     <Alert type="danger" :message="error"/>
@@ -34,10 +36,6 @@
                         <h3 class="h6"><T>user.account.changeEmail.header</T></h3>
                         <p>{{ email }}</p>
                     </div>
-
-                    <p v-if="$admin()">
-                        <span class="badge badge-primary"><T>user.account.admin</T></span>
-                    </p>
                 </div>
             </div>
         </div>

locale/pl/translations.suml

@@ -609,7 +609,7 @@ user:
     logout: 'Wyloguj'
     avatar:
         header: 'Avatar'
-        change: 'Zmień avatar na'
+        change: 'Zmień'
 
 share: 'Udostępnij'