From ec2bb616e17ebcc691f14d6df592f36bbbcd3e26 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 16:58:16 +0100
Subject: Adds margin to textwrap in definition to have padding when scaled to
 narrow screen widths

---
 packages/website/ts/@next/components/definition.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'packages/website')

diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx
index d8bbbd77e..54fd56cde 100644
--- a/packages/website/ts/@next/components/definition.tsx
+++ b/packages/website/ts/@next/components/definition.tsx
@@ -29,7 +29,7 @@ export const Definition = (props: Props) => (
             margin={[0, 0, 'default', 0]}
         />
 
-        <TextWrap>
+        <TextWrap {...props}>
             <Title>
                 {props.title}
             </Title>
@@ -85,6 +85,10 @@ const Wrap = styled.div`
 const TextWrap = styled.div`
     width: 100%;
     max-width: 560px;
+
+    @media (min-width: 768px) {
+        margin-left: ${props => props.isInlineIcon && '60px'};
+    }
 `;
 
 const Title = styled.h2`
-- 
cgit v1.2.3