docs: replace <br> with m-b-30 helper

denali-design · Jan 14, 2021 · e5865cf · e5865cf
1 parent 15193fb
commit e5865cf
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/stories/input-group.stories.js b/stories/input-group.stories.js
@@ -10,10 +10,9 @@ export default {
 
 export const Default = () => ({
   template: hbs`
-    <DenaliInputGroup @label="Input Label">
+    <DenaliInputGroup @label="Input Label" class="m-b-30">
       <DenaliInput placeholder="Input" />
     </DenaliInputGroup>
-    <br>
     <DenaliInputGroup @label="Switch Label">
       <DenaliSwitch @onLabel="On" @offLabel="Off" />
     </DenaliInputGroup>
@@ -28,25 +27,20 @@ export const Playground = () => ({
       @isStacked={{isStacked}}
       @isResponsive={{isResponsive}}
       @hasAutoWidth={{hasAutoWidth}}
+      class="m-b-30"
     >
       <DenaliInput placeholder="Input" />
     </DenaliInputGroup>
-    <br>
+
     <DenaliInputGroup 
       @label={{label}}
       @isStacked={{isStacked}}
       @isResponsive={{isResponsive}}
       @hasAutoWidth={{hasAutoWidth}}
+      class="m-b-30"
     >
       <DenaliSwitch @onLabel="On" @offLabel="Off" />
     </DenaliInputGroup>
-    <br>
-    <DenaliInputGroup 
-      @label={{label}}
-      @isStacked={{isStacked}}
-      @isResponsive={{isResponsive}}
-      @hasAutoWidth={{hasAutoWidth}}
-    >
   `,
   context: {
     label: text('label', 'Label', argument),