header.html

<div class="flex align-items-center flex-grow headerTop">
    <div class="headerLeft">
        <button is="paper-icon-button-light" class="headerBackButton autoSize" tabindex="-1">
            <i class="md-icon largeIcon">&#xE5C4;</i>
        </button>
        <h3 class="pageTitle">&nbsp;</h3>
    </div>
    <div class="headerRight focuscontainer-right">
        <button is="paper-icon-button-light" class="headerAudioPlayerButton headerButton hide">
            <i class="md-icon largeIcon">&#xE3A1;</i>
        </button>

        <div class="headerSelectedPlayer hide">

        </div>
        <button is="paper-icon-button-light" class="headerCastButton headerButton hide">
            <i class="md-icon largeIcon">&#xE307;</i>
        </button>
        <button is="paper-icon-button-light" class="headerSearchButton headerButton hide">
            <i class="md-icon largeIcon">&#xE8B6;</i>
        </button>
        <button is="paper-icon-button-light" class="headerUserButton headerButton hide">
            <i class="md-icon largeIcon">&#xE7FD;</i>
        </button>
        <div class="headerClock hide"></div>
    </div>
</div>
<div class="headerTabs sectionTabs hide">
</div>