Toolbar should resize height based on media

[asans]

According to Material Designs Guides for Layout Structure of App Bar:

Metrics

Default height:
Mobile Landscape: 48dp
Mobile Portrait: 56dp
Tablet/Desktop: 64dp

For extended app bars, the height is equal to the default height plus content increment(s).

Under desktop resolution, the toolbar is 64dp. However, as I resize to smaller resolution, the toolbar height does not change and continues to stay at 64dp when it should resize appropriately to the correct height.

[marcysutton]

@ThomasBurleson the new Typography styles use rem units as "scaleable pixels" based off the body but we don't actually change the font size when the resolution changes. If we did, other rem units such as heights and margins could automatically change. Something to think about when reviewing this issue. It would be an easy thing to do now that we're using rem.

[asans]

In addition to the toolbar resizing, the app bar buttons to the right should also have the margins/padding adjusted.

For smaller media screens:

For larger media screens:

NOTE: The spacing on the right is calculated from the right edge of the toolbar to the button image's right edge (without the padding), not to the edge of the 48x48 button size with padding.

Spacing between the buttons are also much smaller. It looks to be 4px or less, not the typical 8px spacing between buttons.

[Davidriquelme]

are we expecting this in 1.0 ?