Prime Community Forum

Code: Select all

<div class="topbar">
        <div class="topbar-main flex align-items-center">   // Added flex classes
            <a href="#" id="menu-button">
                <span class="pi pi-bars"></span>
            </a>
            <h:link outcome="/dashboard">
                <p:graphicImage name="images/logo-main.png" library="verona-layout" styleClass="logo"/>
            </h:link>
            <div class="app-name">
                <h:link outcome="/dashboard" value="VERONA"/>
            </div>

            <a href="#" class="inline-flex align-items-center justify-content-center ml-auto mr-3" style="color: #daecef"> // Added this line
                <i class="pi pi-bell text-4xl" />
            </a>
            
            <a href="#" id="user-display">
                <span class="username">Samanta Owens</span>
                <span class="userrole">Admin</span>
                <p:graphicImage name="images/avatar.png" library="verona-layout" />
            </a>
            
            <ul id="topbar-menu" class="fadeInDown animated">
                ...
            </ul>
        </div>