[Drawer] Confusing drawer documentation

[smerriman18]

The <div className={classes.toolbar} /> component that leads to the styles component toolbar: theme.mixins.toolbar is really confusing because you have to go to a different page to figure out that the theme.mixins.toolbar is just a 54px margin. It would be more clear to just include a margin.

[joshwooding]

It might be slightly more confusing but it’s necessary to accommodate for the responsive toolbar styles. I think in this case correctness is better than simplicity, would it help if we added an explanation to the docs?

[smerriman18]

That would be wonderful. I spend a lot of time trying to figure out why our content was underneath the app bar, but then discovered that all it needed was a margin. Thank you!

[mbrookes]

@smerriman18 We'd be glad if you would like to document it. 👍