Some style fixes

components/UserName.js

@@ -50,6 +50,7 @@ let UserName = ({ profileid, hideIcon }) => {
     icon = icon === "person-outline" && profile.subscription && profile.subscription > (new Date() - 0) ? "assignment-ind" : icon;
     icon = icon === "group" && profile.isCourse ? "subscriptions" : icon;
     icon = icon === "group" && profile.isPrivate ? "screen-lock-portrait" : icon;
+    const fullName = " " + profile.profile?.firstName + " " + profile.profile?.lastName;
 
     const onPress = () => {
         return navigation.navigate('Profile', { profileid })
@@ -57,11 +58,9 @@ let UserName = ({ profileid, hideIcon }) => {
 
     return (
         <Text onPress={onPress}>
-            <Text style={{ paddingTop: 10 }}>
-                {!hideIcon ? <Icon name={icon} size={18} /> : <></>}
-            </Text>
-            <Text> {profile.profile && profile.profile.firstName} {profile.profile && profile.profile.lastName}</Text>
-
+            {!hideIcon ? 
+                <Icon name={icon} style={{fontSize:13, marginRight: 10}} /> : <></>}
+            {fullName}
         </Text>
     );
 }