centrage du btn postuler

nextjs/components/organisms/Footer.js

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 import { withStyles } from '@material-ui/core/styles'
-import BottomToolbar from './BottomToolbar';
+import { Fragment, Children } from 'react';
+import { Button } from '@material-ui/core';
 
 const styles = theme => ({
     root: {
@@ -9,11 +10,13 @@ const styles = theme => ({
     },
 });
 
-function  Footer(props) {
+function Footer(props) {
     const { classes } = props;
     return (
-        <BottomToolbar/>
-       
+        <Fragment>
+            {props.children}
+        </Fragment>
+
     );
 }
 

nextjs/components/templates/Footer.js

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 import { withStyles } from '@material-ui/core/styles'
 import BottomToolbar from '../organisms/BottomToolbar';
+import { Fragment } from 'react';
 
 const styles = theme => ({
     root: {
@@ -12,7 +13,9 @@ const styles = theme => ({
 function  Footer(props) {
     const { classes } = props;
     return (
-        <BottomToolbar/>
+     <Fragment>
+         
+     </Fragment>
        
     );
     

nextjs/components/templates/LayoutOffre.js

@@ -0,0 +1,52 @@
+import { withStyles } from '@material-ui/core/styles'
+import Header from '../organisms/Header'
+import { Button } from '@material-ui/core';
+
+const styles = theme => ({
+  root: {
+    height: '100%'
+  },
+  foot: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  
+    width: '100%',
+    position: 'fixed',
+    [theme.breakpoints.up('sm')]: {
+      height: '64px'
+    },
+  },
+  content: {
+    height: 'calc(100vh - 56px)',
+    [theme.breakpoints.up('sm')]: {
+      height: 'calc(100vh - 64px)',
+    },
+    position: 'relative',
+    overflow: 'auto',
+
+  }
+});
+
+function Layout(props) {
+
+  const { classes } = props;
+
+  return (
+    <div className={classes.root}>
+      <div id="C" className={classes.content}>
+        {props.children}
+      </div>
+      <div id="F" className={classes.foot}>
+        {/* <div className={classes.inner}>
+          <div className={classes.grow} /> */}
+          <Button variant="outlined" color="secondary" >Postuler</Button>
+          {/* <div className={classes.grow} />
+        </div> */}
+      </div>
+
+    </div>
+  )
+}
+
+export default withStyles(styles)(Layout)

nextjs/pages/Offre.js

@@ -10,7 +10,7 @@ import _ from "lodash/string";
 import Ar from "lodash/array";
 
 import api from "../data/api"
-import Layout from "../components/templates/Layout";
+import Layout from "../components/templates/LayoutOffre";
 import { fetchAdRequest } from '../actions/ads'
 import { AdSelector } from '../reducers/ad'