From 3a555b85c478cefb4a52ca60d6611a5ebf43726d Mon Sep 17 00:00:00 2001
From: Lucas Motta <mail@lucasmotta.com>
Date: Wed, 7 Jun 2017 17:01:06 +0100
Subject: [PATCH] Add small design update to addon info package

When using the "info" addon inline, the current designs blends in
too much with the component, making it quite confusing and sometimes
difficult to preview.
This change wraps the Story info into a "box" with a light border and
shadow, also adds some more padding and margin to give a bit more room.
---
 addons/info/src/components/Story.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/addons/info/src/components/Story.js b/addons/info/src/components/Story.js
index 2d97443b45bc..c09293f00471 100644
--- a/addons/info/src/components/Story.js
+++ b/addons/info/src/components/Story.js
@@ -52,6 +52,12 @@ const stylesheet = {
     fontWeight: 300,
     lineHeight: 1.45,
     fontSize: '15px',
+    border: '1px solid #eee',
+    padding: '20px 40px 40px',
+    borderRadius: '2px',
+    boxShadow: '0px 2px 3px rgba(0, 0, 0, 0.05)',
+    backgroundColor: '#fff',
+    marginTop: '50px',
   },
   infoContent: {
     marginBottom: 0,