Update div classes

client/package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@advancedalgos/teams-client",
-	"version": "0.0.26",
+	"version": "0.0.27",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {

client/src/views/manage-teams/index.js

@@ -11,8 +11,6 @@ const styles = theme => ({
   container: {
     width: 'auto',
     marginTop: theme.spacing.unit * 3,
-    marginLeft: theme.spacing.unit * 3,
-    marginRight: theme.spacing.unit * 3,
     marginBottom: theme.spacing.unit * 6,
     [theme.breakpoints.up(800 + theme.spacing.unit * 3 * 2)]: {
       width: 800,
@@ -23,7 +21,7 @@ const styles = theme => ({
 })
 
 const ManageTeams = ({ classes, ...props }) => (
-  <div>
+  <div className='container'>
     <BannerTopBar size='medium' title='Manage Your Teams' text='Create and manage your Advanced Algos teams' backgroundUrl='https://advancedalgos.net/img/photos/teams.jpg' />
     <Grid
       container

client/src/views/teams/components/TeamsItem.js

@@ -26,7 +26,7 @@ export const TeamsItem = ({ classes, team }) => {
     banner = 'https://aadevelop.blob.core.windows.net/module-teams/module-default/aa-banner-default.png'
   }
   return (
-    <Grid item sm={6} md={4}>
+    <Grid item xs={12} sm={6} md={4}>
       <Card className={classes.card}>
         <CardActionArea>
           <CardMedia

client/src/views/teams/index.js

@@ -32,9 +32,9 @@ const styles = theme => ({
 const Teams = ({ classes, match }) => (
   <React.Fragment>
     <BannerTopBar size='medium' title='Browse Teams' text='Explore Advanced Algos Teams' backgroundUrl='https://advancedalgos.net/img/photos/teams.jpg' />
-    <main className={classes.layout}>
+    <div className='container'>
       <TeamsList match={match} />
-    </main>
+    </div>
   </React.Fragment>
 )