Comment puis-je résoudre un bouton vers le bas ionique

j'ai essayé différentes possibilités pour fixer un bouton vers le bas

<ion-header>
    <ion-navbar>
        <ion-title>
            <b > Audio Recorder</b>
        </ion-title>
    </ion-navbar>
    <ion-toolbar >
        <ion-segment color="danger">
            <ion-segment-button  value="camera">
                Recorder
            </ion-segment-button>
            <ion-segment-button   (click)="ListAudioFiles()">
                Recording List
            </ion-segment-button>
        </ion-segment>
    </ion-toolbar>
</ion-header>

    <ion-content class="has-footer" padding>
        <p *ngIf="!status" style="text-align: center; color: red;"><b> Recording... </b></p>
        <p *ngIf="!status" style="text-align: center; color: black; font-size: 40px;">{{total}}</p>
        <ion-grid style="text-align: center;">
            <ion-icon *ngIf="status" style="font-size: 180px;" (click)="startRecording()" name="mic"></ion-icon>
            <ion-icon *ngIf="!status" style="font-size: 180px; color: red" (click)="stopRecording()" name="mic"></ion-icon>
        </ion-grid>
    <ion-content>

Et j'ai aussi un doute si j'ai ajouté un bouton à en-tête, j'ai besoin pour mettre en surbrillance le bouton est cliqué, si je suis dans la page de liste liste du bouton doit être mis en évidence, et si l'enregistreur est cliqué sur ce bouton, doit être soulignée, et la page doit être chargée.

Comment puis-je résoudre un bouton vers le bas ionique