changing font size of material-ui buttons, and having the buttons scale?

Question

I seem to be having an issue with changing the font sizes on Material-UI\'s (for React) RaisedButton and having the button itself scale properly with it.

<         


        

Answer 1

It needs to be added with lineHeight as a style prop for even spacing:

  < RaisedButton style = {{lineHeight: '100px'}}
    label = 'lineHeight in style' / >

Here's a fiddle with all of the different solutions: https://jsfiddle.net/botbotdotdot/kfph5cc2/

Cheers