diff --git a/ionic/components/nav-bar/extensions/ios.scss b/ionic/components/nav-bar/extensions/ios.scss index f46842dda4..c908dc103d 100644 --- a/ionic/components/nav-bar/extensions/ios.scss +++ b/ionic/components/nav-bar/extensions/ios.scss @@ -15,12 +15,16 @@ $navbar-ios-height: 4.4rem !default; padding: 0; margin: 0 4px; + min-height: 3.2rem; + line-height: 1; + order: map-get($toolbar-order-ios, 'back-button'); overflow: inherit; } .back-button-icon { - padding-right: 8px; + font-size: 3.2rem; + padding-right: 7px; } } diff --git a/ionic/components/nav-bar/nav-bar.scss b/ionic/components/nav-bar/nav-bar.scss index bd3f4292ff..01049bd71e 100644 --- a/ionic/components/nav-bar/nav-bar.scss +++ b/ionic/components/nav-bar/nav-bar.scss @@ -21,7 +21,7 @@ display: none; &.show-back-button { - display: inline-flex; + display: flex; } } diff --git a/ionic/components/toolbar/extensions/ios.scss b/ionic/components/toolbar/extensions/ios.scss index c56308938e..c066f8fc84 100644 --- a/ionic/components/toolbar/extensions/ios.scss +++ b/ionic/components/toolbar/extensions/ios.scss @@ -35,6 +35,7 @@ $toolbar-ios-title-font-size: 1.7rem !default; font-size: $toolbar-ios-title-font-size; font-weight: 500; text-align: center; + margin-top: -2px; } .back-button { diff --git a/ionic/components/toolbar/toolbar.ts b/ionic/components/toolbar/toolbar.ts index 7c12fb5034..67150574a8 100644 --- a/ionic/components/toolbar/toolbar.ts +++ b/ionic/components/toolbar/toolbar.ts @@ -104,8 +104,14 @@ export class Toolbar extends ToolbarBase { } onIonInit() { + // TODO: THIS IS HORRIBLE, FIX setTimeout(() => { - this.alignTitle() + this.alignTitle(); + + setTimeout(() => { + this.alignTitle() + }, 64); + }, 32); }