add margins to storybook

primer · Nov 2, 2017 · a73abae · a73abae
1 parent 251036d
commit a73abae
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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'/>