[MobileStepper] Improvements (#7179)

* [MobileStepper] Ensure correct spacing around buttons in MobileStepper. * [MobileStepper] Documentation changes as per discussion on #7043.
mui · Jun 19, 2017 · 3408eec · 3408eec
1 parent d939607
commit 3408eec
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/docs/src/pages/component-api/MobileStepper/MobileStepper.md b/docs/src/pages/component-api/MobileStepper/MobileStepper.md
@@ -5,14 +5,14 @@
 ## Props
 | Name | Type | Default | Description |
 |:-----|:-----|:--------|:------------|
-| activeStep | number | 0 | Set the active step (zero based index). This will enable `Step` control helpers. |
+| activeStep | number | 0 | Set the active step (zero based index). Defines which dot is highlighted when the type is 'dots'. |
 | backButtonText | node | 'Back' | Set the text that appears for the back button. |
 | classes | object |  | Useful to extend the style applied to components. |
 | disableBack | bool | false | Set to true to disable the back button. |
 | disableNext | bool | false | Set to true to disable the next button. |
 | nextButtonText | node | 'Next' | Set the text that appears for the next button. |
-| <span style="color: #31a148">onBack *</span> | function |  | Passed into the onTouchTap prop of the Back button. |
-| <span style="color: #31a148">onNext *</span> | function |  | Passed into the onTouchTap prop of the Next button. |
+| <span style="color: #31a148">onBack *</span> | function |  | Passed into the onClick prop of the Back button. |
+| <span style="color: #31a148">onNext *</span> | function |  | Passed into the onClick prop of the Next button. |
 | position | enum:&nbsp;'bottom'<br>&nbsp;'top'<br>&nbsp;'static'<br> | 'bottom' | Set the text that appears for the next button. |
 | <span style="color: #31a148">steps *</span> | number |  | The total steps. |
 | type | enum:&nbsp;'text'<br>&nbsp;'dots'<br>&nbsp;'progress'<br> | 'dots' | The type of mobile stepper to use. |

diff --git a/docs/src/pages/component-demos/stepper/TextMobileStepper.js b/docs/src/pages/component-demos/stepper/TextMobileStepper.js
@@ -16,7 +16,7 @@ const styleSheet = createStyleSheet('TextMobileStepper', theme => ({
     display: 'flex',
     alignItems: 'center',
     height: 50,
-    paddingLeft: theme.spacing.unit * 5,
+    paddingLeft: theme.spacing.unit * 4,
     marginBottom: 20,
     background: theme.palette.background.default,
   },

diff --git a/docs/src/pages/component-demos/stepper/stepper.md b/docs/src/pages/component-demos/stepper/stepper.md
@@ -8,7 +8,7 @@ components: MobileStepper
 
 ## Mobile Stepper
 
-The [mobile steps](https://material.io/guidelines/components/steppers.html#steppers-types-of-steps) implements a compact stepper suitable for a mobile device.
+This component implements a compact stepper suitable for a mobile device. See [mobile steps](https://material.io/guidelines/components/steppers.html#steppers-types-of-steps) for it's inspiration.
 
 ### Mobile Stepper - Text
 

diff --git a/src/MobileStepper/MobileStepper.js b/src/MobileStepper/MobileStepper.js
@@ -19,7 +19,7 @@ export const styleSheet = createStyleSheet('MuiMobileStepper', theme => ({
     justifyContent: 'space-between',
     alignItems: 'center',
     background: theme.palette.background.default,
-    height: 50,
+    padding: theme.spacing.unit,
   },
   positionBottom: {
     position: 'fixed',