Probé diferentes posibilidades para arreglar un botón en la parte inferior:

 <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>

Y también tengo una duda si agregué un botón al encabezado. Necesito resaltar el botón en el que hice clic. Si estoy en la lista, el botón de lista de páginas debe estar resaltado y, si la grabadora hizo clic, ese botón debe estar resaltado y la página respectiva debe cargarse.