From a3c00021dedec919038712e065b897f2a112d54b Mon Sep 17 00:00:00 2001
From: Zoltan Bettenbuk <zoltan.bettenbuk@gmail.com>
Date: Thu, 29 Mar 2018 11:47:32 +0200
Subject: [PATCH] [RN] Fix showing user avatar in sidebar

---
 .../welcome/components/WelcomePageSideBar.native.js  |  3 ++-
 react/features/welcome/components/styles.js          | 12 ++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/react/features/welcome/components/WelcomePageSideBar.native.js b/react/features/welcome/components/WelcomePageSideBar.native.js
index 7b31e3e09..be75282c5 100644
--- a/react/features/welcome/components/WelcomePageSideBar.native.js
+++ b/react/features/welcome/components/WelcomePageSideBar.native.js
@@ -18,7 +18,7 @@ import { setSettingsViewVisible } from '../../settings';
 
 import { setSideBarVisible } from '../actions';
 import SideBarItem from './SideBarItem';
-import styles from './styles';
+import styles, { SIDEBAR_AVATAR_SIZE } from './styles';
 
 /**
  * The URL at which the privacy policy is available to the user.
@@ -88,6 +88,7 @@ class WelcomePageSideBar extends Component<Props> {
                 show = { this.props._visible }>
                 <Header style = { styles.sideBarHeader }>
                     <Avatar
+                        size = { SIDEBAR_AVATAR_SIZE }
                         style = { styles.avatar }
                         uri = { this.props._avatar } />
                     <Text style = { styles.displayName }>
diff --git a/react/features/welcome/components/styles.js b/react/features/welcome/components/styles.js
index 35e9c4651..2fd7a2499 100644
--- a/react/features/welcome/components/styles.js
+++ b/react/features/welcome/components/styles.js
@@ -7,6 +7,7 @@ import {
 const SIDEBAR_HEADER_HEIGHT = 150;
 
 export const PLACEHOLDER_TEXT_COLOR = 'rgba(255, 255, 255, 0.3)';
+export const SIDEBAR_AVATAR_SIZE = 100;
 export const SWITCH_THUMB_COLOR = ColorPalette.blueHighlight;
 export const SWITCH_UNDER_COLOR = 'rgba(0, 0, 0, 0.4)';
 
@@ -40,10 +41,7 @@ export default createStyleSheet({
      */
     avatar: {
         alignSelf: 'center',
-        borderRadius: 50,
-        flex: 0,
-        height: 100,
-        width: 100
+        flex: 0
     },
 
     /**
@@ -82,7 +80,7 @@ export default createStyleSheet({
     displayName: {
         color: ColorPalette.white,
         fontSize: 16,
-        margin: BoxModel.margin,
+        marginTop: BoxModel.margin,
         textAlign: 'center'
     },
 
@@ -223,9 +221,11 @@ export default createStyleSheet({
      * The style of the side bar header.
      */
     sideBarHeader: {
+        alignItems: 'center',
         flexDirection: 'column',
         height: SIDEBAR_HEADER_HEIGHT,
-        justifyContent: 'center'
+        justifyContent: 'center',
+        padding: BoxModel.padding
     },
 
     /**