From 52e95edc47dd8426ee5b788e321c30a31af26e54 Mon Sep 17 00:00:00 2001
From: BobChao87 <bobchao87@gmail.com>
Date: Wed, 27 Oct 2021 21:20:57 -0700
Subject: [PATCH] Better profile box when user only has a username

Related to Issue #39
---
 components/user/Profile.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/user/Profile.vue b/components/user/Profile.vue
index 7fb5c63c..58e71e0f 100644
--- a/components/user/Profile.vue
+++ b/components/user/Profile.vue
@@ -4,6 +4,7 @@
       <img :src="userProfileURL" alt="Profile image">
     </div>
 
+    <WidgetLoading :while="[ user ]" />
     <template v-if="user && !user._fetching">
       <div class="user-address">
         <h3 class="title is-3 username">
@@ -30,7 +31,6 @@
         <span v-for="language of user.languagesSpoken" :key="language" class="language-spoken">{{ $t(`language.${language}`) }}</span>
       </div>
     </template>
-    <WidgetLoading :while="[ user ]" />
   </div>
 </template>
 
@@ -85,7 +85,10 @@ export default Vue.extend({
   display: flex;
   gap: var(--spacing);
   align-items: center;
-  margin-block-end: var(--spacing);
+
+  &:not(:last-child) {
+    margin-block-end: var(--spacing);
+  }
 
   > .username {
     margin: 0;