Add padding to storybook stories

This allows the tooltip to be at the top

Author: interactivellama

components/progress-indicator/__docs__/storybook-stories.jsx

@@ -43,7 +43,7 @@ const ExampleProgressIndicator = createReactClass({
 
 	render () {
 		return (
-			<div style={{ padding: '2rem 1rem 0px' }}>
+			<div style={{ padding: '4rem 1rem 0px' }}>
 				<ProgressIndicator
 					id="example-progress-indicator"
 					steps={this.props.steps}

components/progress-indicator/__examples__/step-error.jsx

@@ -7,7 +7,7 @@ const Example = createReactClass({
 
 	render () {
 		return (
-			<div style={{ padding: '2rem 1rem 0px' }}>
+			<div style={{ padding: '4rem 1rem 0px' }}>
 				<ProgressIndicator {...this.props} />
 			</div>
 		);

tests/__image_snapshots__/story-based-tests-snapshot-test-js-image-snapshots-image-storyshots-slds-progress-indicator-base-with-disabled-steps-1-snap.png

@@ -3129,7 +3129,7 @@ exports[`DOM snapshots SLDSProgressIndicator Base With Disabled Steps 1`] = `
   <div
     style={
       Object {
-        "padding": "2rem 1rem 0px",
+        "padding": "4rem 1rem 0px",
       }
     }
   >
@@ -3342,7 +3342,7 @@ exports[`DOM snapshots SLDSProgressIndicator Base With Many Steps 1`] = `
   <div
     style={
       Object {
-        "padding": "2rem 1rem 0px",
+        "padding": "4rem 1rem 0px",
       }
     }
   >
@@ -3691,7 +3691,7 @@ exports[`DOM snapshots SLDSProgressIndicator Completed Progress 1`] = `
   <div
     style={
       Object {
-        "padding": "2rem 1rem 0px",
+        "padding": "4rem 1rem 0px",
       }
     }
   >
@@ -3918,7 +3918,7 @@ exports[`DOM snapshots SLDSProgressIndicator Step Error 1`] = `
   <div
     style={
       Object {
-        "padding": "2rem 1rem 0px",
+        "padding": "4rem 1rem 0px",
       }
     }
   >