From a73abaeb9a096f1e8a46bc5b954bc3c27dbff776 Mon Sep 17 00:00:00 2001
From: Joel Califa <jcalifa@gmail.com>
Date: Thu, 2 Nov 2017 18:47:58 -0400
Subject: [PATCH] add margins to storybook

---
 modules/primer-avatars/stories.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/modules/primer-avatars/stories.js b/modules/primer-avatars/stories.js
index 196548ea7e..e218f38ec9 100644
--- a/modules/primer-avatars/stories.js
+++ b/modules/primer-avatars/stories.js
@@ -28,7 +28,7 @@ storiesOf('Avatars', module)
 ))
 .add('AvatarStack', () => (
   <div>
-    <div className='AvatarStack AvatarStack--3'>
+    <div className='AvatarStack AvatarStack--3 mb-2'>
       <div className='AvatarStack-body tooltipped tooltipped-se temp-tooltipped-align-left' aria-label='five avatars'>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
@@ -38,13 +38,13 @@ storiesOf('Avatars', module)
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
       </div>
     </div>
-    <div className='AvatarStack AvatarStack--2'>
+    <div className='AvatarStack AvatarStack--2 mb-2'>
       <div className='AvatarStack-body tooltipped tooltipped-se temp-tooltipped-align-left' aria-label='two avatars'>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
       </div>
     </div>
-    <div className='AvatarStack AvatarStack--3 AvatarStack--right'>
+    <div className='AvatarStack AvatarStack--3 AvatarStack--right mb-2'>
       <div className='AvatarStack-body tooltipped tooltipped-sw temp-tooltipped-align-right' aria-label='five avatars'>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://avatars0.githubusercontent.com/u/602352?v=4&s=40'/>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://avatars3.githubusercontent.com/u/11571?v=4&s=40'/>
@@ -54,7 +54,7 @@ storiesOf('Avatars', module)
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
       </div>
     </div>
-    <div className='AvatarStack AvatarStack--2 AvatarStack--right'>
+    <div className='AvatarStack AvatarStack--2 AvatarStack--right mb-2'>
       <div className='AvatarStack-body tooltipped tooltipped-sw temp-tooltipped-align-right' aria-label='two avatars'>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>
         <img className='avatar' alt='Uncle Cat' width='20' height='20' src='https://user-images.githubusercontent.com/334891/29999089-2837c968-9009-11e7-92c1-6a7540a594d5.png'/>