Я создаю ReactApp, и для отладки с использованием React-Dev-Tools,
при тестировании состояний компонента. Он показывает два меню рядом, слева <React/> code и справа значения состояний.
Экран отладки разделен по вертикали между двумя.
но я следую учебному пособию, в котором эти меню разделены по горизонтали и кажутся эффективными и более удобочитаемыми по сравнению с моими.
экран репетитора = более читаемый код благодаря горизонтальному выравниванию.
но мое экранное пространство теряется из-за вертикального разделения, как это,
Я также попробовал док (меню отладчика) внизу, но он более читабелен. 
Как я могу выровнять два меню / вкладки по горизонтали в инструментах Chrome, хотя я сбросил настройки в меню отладки?
Редактировать 1: после получения решения.
после увеличения размера шрифта экран не разделяется по вертикали, и я получаю такой же экран chrome-dev-tools-screen, как и у моего преподавателя.
