From 3d4041ecd3d9384853514ea0cebc445e630b106e Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Mon, 29 Oct 2018 08:13:03 +0000
Subject: Feature/feedbacktweaks (#11)

* Fix typo

* Fix 1px line showing in middle of divs

* Increase inline code padding by 2px

* Make masonry block not full width on screens larger than mobile

* Align list items

* Change button text to copied if it's been copied
---
 packages/dev-tools-pages/ts/components/Compiler.tsx | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

(limited to 'packages/dev-tools-pages/ts/components/Compiler.tsx')

diff --git a/packages/dev-tools-pages/ts/components/Compiler.tsx b/packages/dev-tools-pages/ts/components/Compiler.tsx
index 995a53e89..2ca340146 100644
--- a/packages/dev-tools-pages/ts/components/Compiler.tsx
+++ b/packages/dev-tools-pages/ts/components/Compiler.tsx
@@ -4,6 +4,7 @@ import { media, colors } from '../variables';
 
 import Container from './Container';
 import InlineCode from './InlineCode';
+import Breakout from './Breakout';
 
 const Cards = styled.dl`
     column-count: 3;
@@ -71,15 +72,17 @@ const cards = [
 
 function Compiler() {
     return (
-        <Container wide>
-            <Cards>
-                {cards.map(card => (
-                    <Card key={card.title.split(' ').join('-')}>
-                        <Dt>{card.title}</Dt>
-                        <Dd>{card.body}</Dd>
-                    </Card>
-                ))}
-            </Cards>
+        <Container>
+            <Breakout>
+                <Cards>
+                    {cards.map(card => (
+                        <Card key={card.title.split(' ').join('-')}>
+                            <Dt>{card.title}</Dt>
+                            <Dd>{card.body}</Dd>
+                        </Card>
+                    ))}
+                </Cards>
+            </Breakout>
         </Container>
     );
 }
-- 
cgit 

