Problem with the title (logo+text) in my nav-bar


#1

Hi to everyone. I’m trying to do a simple nav bar with my icon and a title. I used this code:

<ion-view>
    <ion-nav-title>
        <img class="title-image" src='./img/soloLogo.png'><span> Staff</span>
    </ion-nav-title>

css:

.title-image {
height: 30px;
width: 30px;
margin-top: 5px !important;
}

i can show the logo and the text, but the problem is that they aren’t align. I tried to play with the css but i can’t able to resolve it. Here the screen:

How can i align the text and the logo in the bar?