From fa47a2cc8409843d48236624c8d7606a4e267dd4 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 14 Sep 2018 09:23:06 +0200
Subject: [PATCH] Fixing UserList when there is no bio

---
 client/src/components/UserList.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/client/src/components/UserList.js b/client/src/components/UserList.js
index 3a80db22b..a9db8e7a1 100644
--- a/client/src/components/UserList.js
+++ b/client/src/components/UserList.js
@@ -40,18 +40,20 @@ const styles = theme => ({
   },
   card: {
     maxWidth: 345,
+    minWidth: 300,
     paddingTop:'30'
   },
   media: {
     height: 0,
     paddingTop: '56.25%', // 16:9,
-    marginTop:'30'
+    marginTop:'30',
+    minWidth: 300
+  },
+  typography: {
+    maxWidth: 345,
+    minWidth: 300,
+    paddingTop:'30'
   },
-  horizontal:
-   {
-     display: 'inline',
-     margin: theme.spacing.unit,
-   },
    appBar: {
   position: 'relative',
   },
@@ -94,6 +96,7 @@ class UserList extends Component {
       return ( <div> Loading Users... </div>);
     } else {
       return data.users.map(user => {
+        
         return (
 
           <Grid key={user.id} item>
@@ -112,7 +115,7 @@ class UserList extends Component {
                   <Typography gutterBottom variant="headline" component="h2">
                     {user.alias}
                   </Typography>
-                  <Typography component="p">
+                  <Typography className={classes.typography} gutterBottom>
                     {user.bio}
                   </Typography>
                 </CardContent>