From 1a6c64e09af7a67dc5c69ea1e0a799b2795bcbfe Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 7 Jun 2020 20:32:33 +0300
Subject: feat: add margin to page content

---
 src/index.tsx | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 775c514..164c78b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,10 @@
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
-
-import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import {
+  createMuiTheme,
+  ThemeProvider,
+  makeStyles
+} from '@material-ui/core/styles';
 import { CssBaseline } from '@material-ui/core';
 import teal from '@material-ui/core/colors/teal';
 import 'typeface-roboto';
@@ -53,16 +56,26 @@ const polls = [{
   }
 }];
 
+const useStyles = makeStyles(theme => ({
+  root: {
+    marginTop: theme.spacing(15),
+  },
+}));
+
+
 
 const App: React.FC = () => {
   const [page, setPage] = useState('feed');
+  const classes = useStyles();
 
   return (
     <ThemeProvider theme={theme}>
       <CssBaseline />
       <Header setPage={setPage} />
-      <Feed polls={polls} />
-      <h1> We are on page {page}! </h1>
+      <div className={classes.root}>
+        <Feed polls={polls} />
+        <h1> We are on page {page}! </h1>
+      </div>
     </ThemeProvider>
   );
 };
-- 
cgit v1.2.3

