From 28776d7a6ace1e4179cc61007cba3aaa0b5eb320 Mon Sep 17 00:00:00 2001
From: roschaefer <git@roschaefer.de>
Date: Sat, 7 Sep 2019 01:33:07 +0200
Subject: [PATCH 1/2] Avatar should be centered on profile page

This is a fix of e04eedf0d07ff66dba3e881e9ef8bdf5a868619e
---
 webapp/components/User/User.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/components/User/User.vue b/webapp/components/User/User.vue
index b83f5b172..14a8c12c7 100644
--- a/webapp/components/User/User.vue
+++ b/webapp/components/User/User.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="user" v-if="displayAnonymous">
-    <hc-avatar />
+    <hc-avatar class="avatar"/>
     <div>
       <b class="username">{{ $t('profile.userAnonym') }}</b>
     </div>
@@ -9,7 +9,7 @@
     <template slot="default" slot-scope="{ openMenu, closeMenu, isOpen }">
       <nuxt-link :to="userLink" :class="['user', isOpen && 'active']">
         <div @mouseover="openMenu(true)" @mouseleave="closeMenu(true)">
-          <hc-avatar :user="user" />
+          <hc-avatar class="avatar" :user="user" />
           <div>
             <b class="username">{{ userName | truncate(18) }}</b>
           </div>
@@ -134,7 +134,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 .avatar {
   display: inline-block;
   float: left;

From f72bccbebe6532ffd78f246256b172cf9884ee91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 9 Sep 2019 16:43:54 +0200
Subject: [PATCH 2/2] Fix lint prettier

---
 webapp/components/User/User.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/components/User/User.vue b/webapp/components/User/User.vue
index 14a8c12c7..080a4fcab 100644
--- a/webapp/components/User/User.vue
+++ b/webapp/components/User/User.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="user" v-if="displayAnonymous">
-    <hc-avatar class="avatar"/>
+    <hc-avatar class="avatar" />
     <div>
       <b class="username">{{ $t('profile.userAnonym') }}</b>
     </div>