Ion title and search bar should be same line with in ionic-header

Ionic Framework ionic-v3
1

Hi,

I have ion-title and search bar, I want to display both in the same line, but those are not displaying,

So please help me

.
below is my code

<ion-header style="height:60px;">
        <div class="toolbar-background-md">
          <ion-navbar>              
              <!-- <img src="/Users/sathguru/harika/ionic+angular/TetraEmoji/src/assets/icon/tetra_single.png"   style="width: 30px;height: 15px;margin-left: 5px;"  /> -->
              <ion-title >
                   Tetra
                   </ion-title> 
                   <form (ngSubmit)="submitSearch($event)" class="reg">
                    <ion-searchbar [(ngModel)]="searchQuery" [ngModelOptions]="{standalone: true}" [showCancelButton]="true" placeholder="Global Search"
                    (ionCancel)="clearSearch($event)"
                    (ionInput)="menuFocusMode($event)"
                    (ionFocus)="menuFocusMode($event)">
                    </ion-searchbar>
                  </form>
             
                   <ion-buttons end >
                    <button ion-button end icon-only (click)="seachbar()">
                        <ion-icon name="search"></ion-icon>
                    </button>
                 </ion-buttons>
          </ion-navbar>
          </div>
        </ion-header>