Positioning Cancel Button in Custom Picker

Hello,

I made this duration picker that works fine but I don’t know how to position the ‘Cancel’ button. Its in the middle rather than the far left.

`

  import { Injectable } from '@angular/core';
  import { NavController, Picker } from 'ionic-angular';
  import * as moment from 'moment';

  @Injectable()
  export class DurationPicker {

    getDuration: any;

    constructor(public nav: NavController) {

    }

    createDuration(): Promise<any> {

      let picker = Picker.create();
      let optionHours = [];
      let optionMinutes = [];
      let duration;
      let durationObject;

      return new Promise (resolve => {

      //values for Hours
      for (let i = 0; i <= 12; i++){
        optionHours.push({
          value: i
        })
      };

      let columnHours = {
        // columnWidth: '5%',
        options: optionHours
      };


      //values for Minutes
      for (let i = 0; i <= 59; i++){
        optionMinutes.push({
          value: i
        })
      };

      let columnMinutes = {
        columnWidth: '5%',
        options: optionMinutes
      };

      let hoursText = {
        columnWidth: '25%',
        options: ['hours']
      }

      let minutesText = {
        columnWidth: '25%',
        options: ['minutes']
      }

      picker.addButton('Cancel');
      picker.addColumn(columnHours);
      picker.addColumn(hoursText);
      picker.addColumn(columnMinutes);
      picker.addColumn(minutesText);


      picker.addButton({
        text: 'Ok',
        handler: () => {

          duration = picker.getColumns();

          durationObject = moment.duration({
            minutes: duration[2].selectedIndex,
            hours: duration[0].selectedIndex
          }).asMinutes();

          resolve(durationObject);

        }
      });

        this.nav.present(picker);

      });
    }
  }

`