Мне сложнее всего работать с сеткой Material UI . Я пытаюсь добиться чего-то относительно простого - удерживая Icon + Text слева от контейнера и нажимая кнопку вправо. Тем не менее, я обнаружил, что любой мой текст, состоящий из двух слов с пробелом, становится двумя строками, и я понятия не имею, почему это происходит или что с этим делать.
Настройка фрагмента реакции
<>
<Grid className={classes.rowLayout} display="inline">
<SomeIcon />
<Typography variant="h4" gutterBottom> Title Text</Typography>
<Grid container justify="flex-end">
<Button />
</Grid>
</Grid>
</>
Класс rowLayout JSS
...
rowLayout: {
display: 'flex',
alignItems: 'baseline',
}
...
Как это выглядит сейчас
Есть идеи?
Спасибо большое,
Дэвис