From 1040e25f7626ff8816d05ebfd6e5169e43cce567 Mon Sep 17 00:00:00 2001
From: Brian Lovin <briandlovin@gmail.com>
Date: Sun, 13 Jan 2019 12:18:28 -0800
Subject: [PATCH] Fix loading card margins

---
 components/LoadingChecklistItem/index.js | 128 ++++++++++++-----------
 1 file changed, 65 insertions(+), 63 deletions(-)

diff --git a/components/LoadingChecklistItem/index.js b/components/LoadingChecklistItem/index.js
index c1ec06a..ca79e8e 100644
--- a/components/LoadingChecklistItem/index.js
+++ b/components/LoadingChecklistItem/index.js
@@ -4,71 +4,73 @@ import { ShimmerInboxThread, ShimmerBase, ShimmerLine, Cover } from './style';
 import Card from '../Card';
 
 const LoadingChecklistItem = () => (
-  <Card>
-    <ShimmerInboxThread>
-      <ShimmerBase>
-        <ShimmerLine />
-        <Cover
-          style={{
-            top: '0',
-            left: '40px',
-            height: '40px',
-            width: '16px',
-          }}
-        />
-        <Cover
-          style={{
-            top: '0',
-            left: '50%',
-            height: '40px',
-            width: '50%',
-          }}
-        />
+  <div style={{ marginTop: '24px' }}>
+    <Card>
+      <ShimmerInboxThread>
+        <ShimmerBase>
+          <ShimmerLine />
+          <Cover
+            style={{
+              top: '0',
+              left: '40px',
+              height: '40px',
+              width: '16px',
+            }}
+          />
+          <Cover
+            style={{
+              top: '0',
+              left: '50%',
+              height: '40px',
+              width: '50%',
+            }}
+          />
 
-        <Cover
-          style={{
-            top: '20px',
-            left: '40px',
-            height: '8px',
-            width: '50%',
-          }}
-        />
+          <Cover
+            style={{
+              top: '20px',
+              left: '40px',
+              height: '8px',
+              width: '50%',
+            }}
+          />
 
-        <Cover
-          style={{
-            top: '40px',
-            left: '0',
-            height: '16px',
-            width: '100%',
-          }}
-        />
-        <Cover
-          style={{
-            top: '40px',
-            left: '0',
-            height: '100%',
-            width: '48px',
-          }}
-        />
-        <Cover
-          style={{
-            top: '72px',
-            left: '48px',
-            height: '8px',
-            width: '100%',
-          }}
-        />
-        <Cover
-          style={{
-            top: '72px',
-            left: '35%',
-            height: '24px',
-            width: '100%',
-          }}
-        />
-      </ShimmerBase>
-    </ShimmerInboxThread>
-  </Card>
+          <Cover
+            style={{
+              top: '40px',
+              left: '0',
+              height: '16px',
+              width: '100%',
+            }}
+          />
+          <Cover
+            style={{
+              top: '40px',
+              left: '0',
+              height: '100%',
+              width: '48px',
+            }}
+          />
+          <Cover
+            style={{
+              top: '72px',
+              left: '48px',
+              height: '8px',
+              width: '100%',
+            }}
+          />
+          <Cover
+            style={{
+              top: '72px',
+              left: '35%',
+              height: '24px',
+              width: '100%',
+            }}
+          />
+        </ShimmerBase>
+      </ShimmerInboxThread>
+    </Card>
+  </div>
 );
 
 export default LoadingChecklistItem;