Remove beta testers list center homepage to fill out space

betagouv · Nov 28, 2016 · 7001211 · 7001211
1 parent e00c98f
commit 7001211
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 17 deletions.
diff --git a/client/src/components/App.js b/client/src/components/App.js
@@ -5,7 +5,7 @@ class App extends React.Component {
   componentDidMount() {}
   render() {
     return (
-      <div className="container">
+      <div className="container fill">
         <Header/>
         {this.props.children}
       </div>

diff --git a/client/src/components/application/Pepite/PepiteForm.js b/client/src/components/application/Pepite/PepiteForm.js
@@ -3,7 +3,6 @@ import { FormGroup, ControlLabel, FormControl, Radio, HelpBlock, Panel } from 'r
 import RadioGroup from '../../common/RadioGroup'
 import ValidatedFormControl from '../../common/ValidatedFormControl'
 import {regions, pepites, establishments} from './pepiteEstablishmentMap'
-import BetaTestersPanel from '../../common/BetaTestersPanel'
 
 function getPepiteFromEstablishment(establishmentId) {
   return ({
@@ -35,7 +34,6 @@ function isOverduePepite(idPepite) {
 const PepiteForm = ({pepite, contact, errors, onChange}) => {
   return (
     <form>
-      <BetaTestersPanel/>
       <FormGroup className="required">
         <ControlLabel>Ma région</ControlLabel>
         <ValidatedFormControl name="region" componentClass="select" onChange={onChange} value={pepite.region} error={errors.region}>

diff --git a/client/src/components/home/HomePage.js b/client/src/components/home/HomePage.js
@@ -1,21 +1,20 @@
 import React from 'react'
-import {Link} from 'react-router'
+import { Link } from 'react-router'
 import Footer from '../footer/Footer.js'
 import BetaTestersPanel from '../common/BetaTestersPanel'
 
 class HomePage extends React.Component {
   componentDidMount() { }
   render() {
     return (
-      <div className="container">
-        <div className="header-content">
-          <h1>Deviens Etudiant·e Entrepreneur·e</h1>
-          <hr/>
-          <p className="header-sub-content">Tu as un projet ? Pour être aidé·e et accompagné·e, rejoins la communauté.</p>
-          <Link to="application" className="btn btn-primary btn-lg">Demande le statut</Link>
-        </div>
-        <BetaTestersPanel/>
-        <Footer/>
+      <div className="container fill vertical-align">
+          <div className="header-content fill vertical-align">
+            <h1>Deviens Etudiant·e Entrepreneur·e</h1>
+            <hr />
+            <p className="header-sub-content">Tu as un projet ? Pour être aidé·e et accompagné·e, rejoins la communauté.</p>
+            <Link to="application" className="btn btn-primary btn-lg">Demande le statut</Link>
+          </div>
+        <Footer className="footer"/>
       </div>
     )
   }

diff --git a/client/src/styles/styles.css b/client/src/styles/styles.css
@@ -7,16 +7,34 @@
 .header-content hr {
   border-color: #337ab7;
   border-width: 3px;
-  max-width: 50px;
+  width: 15%;
 }
 
 .header-content p.header-sub-content {
   font-size: 30px;
 }
 
-body {
-  /* Avoid Navbar overlaping */
-  padding-top: 50px;
+.vertical-align {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+html, body {
+    height: 100%;
+}
+
+#app {
+  height: 100%;
+}
+
+.fill {
+  height: 100%;
+}
+
+.home {
+  display: table;
 }
 
 footer li {