From 048fb511162c9c4a1e8175126dd724f2867e37b3 Mon Sep 17 00:00:00 2001
From: roschaefer <git@roschaefer.de>
Date: Sat, 30 Nov 2019 11:03:46 +0100
Subject: [PATCH 1/2] feat: swap user name<=>handle for discriminability

---
 webapp/components/User/User.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/components/User/User.vue b/webapp/components/User/User.vue
index 81d004ca8..2860c01d8 100644
--- a/webapp/components/User/User.vue
+++ b/webapp/components/User/User.vue
@@ -12,7 +12,7 @@
           <hc-avatar class="avatar" :user="user" />
           <div>
             <ds-text class="userinfo">
-              <b class="username">{{ userName | truncate(18) }}</b>
+              <b class="username">{{ userSlug }}</b>
               <ds-text v-if="dateTime" size="small" color="soft">
                 <base-icon name="clock" />
                 <client-only>
@@ -23,7 +23,7 @@
             </ds-text>
           </div>
           <ds-text align="left" size="small" color="soft">
-            {{ userSlug }}
+            {{  userName | truncate(18) }}
           </ds-text>
         </div>
       </nuxt-link>

From 75b2785941e9701dcf956a9ca2edcc7c95777044 Mon Sep 17 00:00:00 2001
From: roschaefer <git@roschaefer.de>
Date: Tue, 3 Dec 2019 00:47:07 +0100
Subject: [PATCH 2/2] Follow @alina-beck's suggestions

---
 webapp/components/User/User.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/webapp/components/User/User.vue b/webapp/components/User/User.vue
index 2860c01d8..918d69cbd 100644
--- a/webapp/components/User/User.vue
+++ b/webapp/components/User/User.vue
@@ -12,18 +12,16 @@
           <hc-avatar class="avatar" :user="user" />
           <div>
             <ds-text class="userinfo">
-              <b class="username">{{ userSlug }}</b>
-              <ds-text v-if="dateTime" size="small" color="soft">
-                <base-icon name="clock" />
-                <client-only>
-                  <hc-relative-date-time :date-time="dateTime" />
-                </client-only>
-                <slot name="dateTime"></slot>
-              </ds-text>
+              <b>{{ userSlug }}</b>
             </ds-text>
           </div>
-          <ds-text align="left" size="small" color="soft">
-            {{  userName | truncate(18) }}
+          <ds-text class="username" align="left" size="small" color="soft">
+            {{ userName | truncate(18) }}
+            <base-icon name="clock" />
+            <template v-if="dateTime">
+              <hc-relative-date-time :date-time="dateTime" />
+              <slot name="dateTime"></slot>
+            </template>
           </ds-text>
         </div>
       </nuxt-link>