From c7a6b7579e9eee036d9e33efbcee2118204f5057 Mon Sep 17 00:00:00 2001
From: Alexander Peschel <alexander.peschel@sinnerschrader.com>
Date: Wed, 20 Dec 2017 17:02:03 +0100
Subject: [PATCH] feat(lsg): remove margin from pattern list items

---
 src/lsg/patterns/pattern-list/index.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/lsg/patterns/pattern-list/index.tsx b/src/lsg/patterns/pattern-list/index.tsx
index 5e734c285..c9d11bc25 100644
--- a/src/lsg/patterns/pattern-list/index.tsx
+++ b/src/lsg/patterns/pattern-list/index.tsx
@@ -16,6 +16,7 @@ const StyledPatternList = styled.div`
 	display: flex;
 	flex-wrap: wrap;
 	flex-basis: 100%;
+	justify-content: space-between;
 	margin: 0;
 `;
 
@@ -34,7 +35,7 @@ const StyledPatternListItem = styled.div`
 	box-sizing: border-box;
 	width: calc(50% - ${getSpace(Size.XS) / 2}px);
 	padding: ${getSpace(Size.S)}px;
-	margin: 0 ${getSpace(Size.XS)}px ${getSpace(Size.XS)}px 0;
+	margin-bottom: ${getSpace(Size.XS)}px;
 	border-radius: 3px;
 	background: ${colors.white.toString()};
 	font-size: 12px;
@@ -48,10 +49,6 @@ const StyledPatternListItem = styled.div`
 		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
 	}
 
-	:nth-child(2n) {
-		margin-right: 0;
-	}
-
 	${(props: PatternListItemProps) =>
 		props.draggable ? 'cursor: move;' : props.onClick ? 'cursor: pointer;' : ''};
 `;