From c810a4ec71d550c9b3d1f46d826a0a5c0bda31fb Mon Sep 17 00:00:00 2001 From: Guilherme Silva Date: Sat, 28 Apr 2018 14:49:03 -0300 Subject: [PATCH 1/3] Add Robot fonts from googleapis --- build/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/build/index.html b/build/index.html index 0c24239..38b96a7 100644 --- a/build/index.html +++ b/build/index.html @@ -5,6 +5,7 @@ Salesforce +
From 1c1fc5a264f7cd48e068225290d634c7928ed148 Mon Sep 17 00:00:00 2001 From: Guilherme Silva Date: Sat, 28 Apr 2018 17:27:39 -0300 Subject: [PATCH 2/3] Add style to body Make margin to 0 to better presentation of elements screen --- build/index.html | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/build/index.html b/build/index.html index 38b96a7..facb2c9 100644 --- a/build/index.html +++ b/build/index.html @@ -1,6 +1,11 @@ + Salesforce From c1b11f6421e759242bd1dfdd65b868b30b884cd5 Mon Sep 17 00:00:00 2001 From: Guilherme Silva Date: Sat, 28 Apr 2018 17:28:11 -0300 Subject: [PATCH 3/3] Add grid system --- app/views/Session.js | 115 +++++++++++++++++++++---------------------- 1 file changed, 56 insertions(+), 59 deletions(-) diff --git a/app/views/Session.js b/app/views/Session.js index eab72f0..d0ce42d 100644 --- a/app/views/Session.js +++ b/app/views/Session.js @@ -2,10 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { compose } from 'redux'; import { connect } from 'react-redux'; -import { withStyles } from 'material-ui/styles'; -import TextField from 'material-ui/TextField'; -import Button from 'material-ui/Button'; -import Paper from 'material-ui/Paper'; +import { withStyles, TextField, Button, Paper, Grid } from 'material-ui'; import grey from 'material-ui/colors/grey'; import CustomAppBar from '../components/CustomAppBar'; @@ -26,7 +23,7 @@ const styles = theme => ({ paper: { backgroundColor: grey[100], padding: theme.spacing.unit * 2, - height: '100%' + height: '100vh' }, bootstrapRoot: { padding: 0, @@ -40,7 +37,6 @@ const styles = theme => ({ border: '1px solid #ced4da', fontSize: 16, padding: '10px 12px', - width: '500px', transition: theme.transitions.create(['border-color', 'box-shadow']), '&:focus': { borderColor: '#80bdff', @@ -50,9 +46,6 @@ const styles = theme => ({ bootstrapFormLabel: { fontSize: 18, }, - button: { - width: '100%' - } }); function Session({ match, classes, sessions, save_session }) { @@ -66,58 +59,62 @@ function Session({ match, classes, sessions, save_session }) { }; return ( -
+
-
- - -
-
- -
+ + + + + + + + + + +
);