Как выровнять значок материала в FlatButton с помощью FlexBox?

Question

Я пытаюсь выровнять значок материала Google в Material-ui FlatButton с помощью FlexBox. Я пробовал несколько перестановок, но всегда с одним и тем же результатом - значок находится в самом низу кнопки. Я не уверен, что это материальная проблема. Как я могу правильно выполнить выравнивание?

<FlatButton 
    style = {buttonStyle} 
    onClick = { 
     onIncrementClick 
    } 
    icon={<i style= {{display:'flex', alignItems:'center', verticalAlign: 'center'}} className="material-icons">keyboard_arrow_up</i>} 
    /> 

Answer 1

Вы видели документы здесь - http://www.material-ui.com/#/components/flat-button?

У них есть примеры значков в плоских кнопках слева и справа. Вот код, который имеет значок справа:

<FlatButton 
    label="Label before" 
    labelPosition="before" 
    primary={true} 
    style={styles.button} 
    icon={<ActionAndroid />} 
/>