Group Web designer layout controls in a centred toolbar

Arrange the Web designer's layout controls in a centred toolbar beneath the Designer, Code, and Hierarchy selector, matching the desktop designer. Seven compact buttons provide Light and Dark preview, Compact, Medium, and Wide viewports, live grid measurements, and Layout actions. The Light and Dark buttons use the desktop designer's sun and moon glyphs, and the viewport buttons replace the large labelled selectors.