From ccf704a1ee978727df43884b8d8c1ebcd8413ad6 Mon Sep 17 00:00:00 2001
From: Sara Vieira <hey@iamsaravieira.com>
Date: Thu, 18 Jan 2018 14:09:25 +0100
Subject: [PATCH] fix(my-joy-beta): fix tag spacing

fixes #1008
---
 .../__tests__/__snapshots__/tag.spec.js.snap  | 42 +++++++++++++++----
 .../src/containers/create-instance/tags.js    | 22 +++++-----
 2 files changed, 45 insertions(+), 19 deletions(-)

diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
index 77c61dc5..bcec2d3b 100644
--- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
@@ -440,7 +440,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c0 {
+  .c1 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -453,9 +453,17 @@ Array [
   flex-wrap: wrap;
 }
 
-<ul
+.c0 {
+  margin-bottom: 2rem;
+}
+
+<div
     className="c0"
-/>,
+>
+    <ul
+        className="c1"
+    />
+</div>,
   .c19 {
   font-family: sans-serif;
   font-size: 100%;
@@ -1933,7 +1941,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c0 {
+  .c1 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -1946,9 +1954,17 @@ Array [
   flex-wrap: wrap;
 }
 
-<ul
+.c0 {
+  margin-bottom: 2rem;
+}
+
+<div
     className="c0"
-/>,
+>
+    <ul
+        className="c1"
+    />
+</div>,
   .c3 {
   font-family: sans-serif;
   font-size: 100%;
@@ -2607,7 +2623,7 @@ Array [
         </div>
     </div>
 </div>,
-  .c0 {
+  .c1 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -2620,9 +2636,17 @@ Array [
   flex-wrap: wrap;
 }
 
-<ul
+.c0 {
+  margin-bottom: 2rem;
+}
+
+<div
     className="c0"
-/>,
+>
+    <ul
+        className="c1"
+    />
+</div>,
   .c3 {
   font-family: sans-serif;
   font-size: 100%;
diff --git a/packages/my-joy-beta/src/containers/create-instance/tags.js b/packages/my-joy-beta/src/containers/create-instance/tags.js
index 883e4585..5b581eeb 100644
--- a/packages/my-joy-beta/src/containers/create-instance/tags.js
+++ b/packages/my-joy-beta/src/containers/create-instance/tags.js
@@ -53,16 +53,18 @@ export const Tags = ({
       </Margin>
     ) : null}
     {proceeded || expanded ? (
-      <TagList>
-        {tags.map(({ name, value }, index) => (
-          <Tag
-            key={index}
-            name={name}
-            value={value}
-            onRemoveClick={expanded && (() => handleRemoveTag(index))}
-          />
-        ))}
-      </TagList>
+      <Margin bottom={4}>
+        <TagList>
+          {tags.map(({ name, value }, index) => (
+            <Tag
+              key={index}
+              name={name}
+              value={value}
+              onRemoveClick={expanded && (() => handleRemoveTag(index))}
+            />
+          ))}
+        </TagList>
+      </Margin>
     ) : null}
     {expanded && addOpen ? (
       <ReduxForm