From 34445be4b01cc2c9b08eee37a92326c4eafb2a52 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Fri, 8 Dec 2017 17:58:24 +0000
Subject: [PATCH] Improve container

---
 src/Container.css | 8 ++++++--
 src/Container.tsx | 9 ++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/Container.css b/src/Container.css
index 31d9f3d..3c34edf 100644
--- a/src/Container.css
+++ b/src/Container.css
@@ -1,11 +1,11 @@
 .Container {
-  padding-right: 15px;
-  padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
 }
 @media (min-width: 768px) {
   .Container {
+    margin-top: 40px;
+    margin-bottom: 40px;
     width: 750px;
   }
 }
@@ -19,3 +19,7 @@
     width: 1170px;
   }
 }
+
+.Container-inner {
+  padding: 15px;
+}
diff --git a/src/Container.tsx b/src/Container.tsx
index dfff09c..6661fac 100644
--- a/src/Container.tsx
+++ b/src/Container.tsx
@@ -1,7 +1,14 @@
 import * as React from 'react';
+import Paper from 'material-ui/Paper';
 
 import './Container.css';
 
 export default ({children}: {children: any}) => (
-  <div className="Container">{children}</div>
+  <div className="Container">
+    <Paper zDepth={2}>
+      <div className="Container-inner">
+        {children}
+      </div>
+    </Paper>
+  </div>
 );