From c365c923bddd415747d4f424ac2a163beff77ae2 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 16 Feb 2016 12:59:12 -0500
Subject: [PATCH] fix(alert): add padding under the alert title for iOS when
 there is no message

closes #5299
---
 ionic/components/alert/alert.ios.scss       | 6 ++++++
 ionic/components/alert/alert.md.scss        | 4 ++++
 ionic/components/alert/alert.scss           | 4 ----
 ionic/components/alert/alert.ts             | 6 +++++-
 ionic/components/alert/test/basic/index.ts  | 2 +-
 ionic/components/alert/test/basic/main.html | 2 +-
 6 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/ionic/components/alert/alert.ios.scss b/ionic/components/alert/alert.ios.scss
index dae533819f..8bcc25f114 100644
--- a/ionic/components/alert/alert.ios.scss
+++ b/ionic/components/alert/alert.ios.scss
@@ -94,6 +94,12 @@ ion-alert {
   text-align: $alert-ios-message-text-align;
 }
 
+.alert-message {
+  &:empty {
+    padding: 0 0 12px 0;
+  }
+}
+
 
 // iOS Alert Input
 // --------------------------------------------------
diff --git a/ionic/components/alert/alert.md.scss b/ionic/components/alert/alert.md.scss
index 4c277017c6..7d6c966c36 100644
--- a/ionic/components/alert/alert.md.scss
+++ b/ionic/components/alert/alert.md.scss
@@ -69,6 +69,10 @@ $alert-md-buttons-justify-content:        flex-end !default;
 
 .alert-message {
   font-size: $alert-md-message-font-size;
+
+  &:empty {
+    padding: 0;
+  }
 }
 
 
diff --git a/ionic/components/alert/alert.scss b/ionic/components/alert/alert.scss
index a1364e3441..b43c4c5d98 100644
--- a/ionic/components/alert/alert.scss
+++ b/ionic/components/alert/alert.scss
@@ -52,10 +52,6 @@ ion-alert {
 
 .alert-message {
   overflow: auto;
-
-  &:empty {
-    padding: 0;
-  }
 }
 
 .alert-input {
diff --git a/ionic/components/alert/alert.ts b/ionic/components/alert/alert.ts
index f6f3eeee09..3f56addfc7 100644
--- a/ionic/components/alert/alert.ts
+++ b/ionic/components/alert/alert.ts
@@ -248,7 +248,7 @@ export class Alert extends ViewController {
         '<h2 id="{{hdrId}}" class="alert-title" *ngIf="d.title" [innerHTML]="d.title"></h2>' +
         '<h3 id="{{subHdrId}}" class="alert-sub-title" *ngIf="d.subTitle" [innerHTML]="d.subTitle"></h3>' +
       '</div>' +
-      '<div id="{{msgId}}" class="alert-message" *ngIf="d.message" [innerHTML]="d.message"></div>' +
+      '<div id="{{msgId}}" class="alert-message" [innerHTML]="d.message"></div>' +
       '<div *ngIf="d.inputs.length" [ngSwitch]="inputType">' +
 
         '<template ngSwitchWhen="radio">' +
@@ -335,6 +335,10 @@ class AlertCmp {
     } else if (this.d.subTitle) {
       this.descId = this.subHdrId;
     }
+
+    if (!this.d.message) {
+      this.d.message = '';
+    }
   }
 
   onPageLoaded() {
diff --git a/ionic/components/alert/test/basic/index.ts b/ionic/components/alert/test/basic/index.ts
index 5ef1088289..268592ebf3 100644
--- a/ionic/components/alert/test/basic/index.ts
+++ b/ionic/components/alert/test/basic/index.ts
@@ -59,7 +59,7 @@ class E2EPage {
     this.nav.present(alert);
   }
 
-  doAlertNoBody() {
+  doAlertNoMessage() {
     let alert = Alert.create({
       title: 'Alert',
       buttons: ['OK']
diff --git a/ionic/components/alert/test/basic/main.html b/ionic/components/alert/test/basic/main.html
index 736a60e1ed..3aa69d47c2 100644
--- a/ionic/components/alert/test/basic/main.html
+++ b/ionic/components/alert/test/basic/main.html
@@ -7,7 +7,7 @@
   <button block class="e2eOpenAlert" (click)="doAlert()">Alert</button>
   <button block class="e2eOpenAlertLongMessage" (click)="doAlertLongMessage()">Alert Long Message</button>
   <button block class="e2eOpenMultipleButtons" (click)="doMultipleButtons()">Multiple Buttons (>2)</button>
-  <button block class="e2eOpenAlertNoBody" (click)="doAlertNoBody()">Alert No Body</button>
+  <button block class="e2eOpenAlertNoMessage" (click)="doAlertNoMessage()">Alert No Message</button>
   <button block class="e2eOpenConfirm" (click)="doConfirm()">Confirm</button>
   <button block class="e2eOpenPrompt" (click)="doPrompt()">Prompt</button>
   <button block class="e2eOpenRadio" (click)="doRadio()">Radio</button>