public/layouts/global/_top-toolbar.scss

.top-toolbar {
    // Flexbox prefixes - TODO: Autoprefixer
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    min-height: $topToolbarHeight;
    max-height: $topToolbarHeight;
    background-color: $c-bluegrey;
    border-bottom: 1px solid $c-grey-400;

    z-index: 2;
}

.top-toolbar__view-toolbar {
    // Flexbox prefixes - TODO: Autoprefixer
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    // Flexbox prefixes - TODO: Autoprefixer
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-shrink: 1;
}