From f9dd24a9d14d1f00d6e31499f88603baf8e16de8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Moreira?=
 <fabiommmoreira@Fabios-MacBook-Pro.local>
Date: Wed, 16 May 2018 14:58:18 +0100
Subject: [PATCH] feat(ui-toolkit): view container padding and max width

---
 packages/ui-toolkit/src/layout/view-container.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/ui-toolkit/src/layout/view-container.js b/packages/ui-toolkit/src/layout/view-container.js
index 1d27ae99..1bdbc595 100644
--- a/packages/ui-toolkit/src/layout/view-container.js
+++ b/packages/ui-toolkit/src/layout/view-container.js
@@ -15,11 +15,21 @@ export default styled(Grid)`
   `};
 
   ${isNot('fluid')`
-    max-width: ${remcalc(1000)};
+    max-width: ${remcalc(1260)};
 
     ${breakpoints.smallOnly`
-      padding-left: ${remcalc(6)};
-      padding-right: ${remcalc(6)};
+      padding-left: ${remcalc(12)};
+      padding-right: ${remcalc(12)};
+    `};
+
+    ${breakpoints.mediumOnly`
+      padding-left: ${remcalc(30)};
+      padding-right: ${remcalc(30)};
+    `};
+
+    ${breakpoints.largeOnly`
+      padding-left: ${remcalc(70)};
+      padding-right: ${remcalc(70)};
     `};
   `};