From d1ee36b2c844dae06cef6ca55ad7298300cb4e39 Mon Sep 17 00:00:00 2001
From: Manu MA <manu.mtza@gmail.com>
Date: Fri, 30 Aug 2019 18:32:21 +0200
Subject: [PATCH] docs(all): update usage of css utils (#19208)

---
 angular/test/test-app/src/app/alert/alert.component.html        | 2 +-
 .../test-app/src/app/modal-example/modal-example.component.html | 2 +-
 angular/test/test-app/src/app/modal/modal.component.html        | 2 +-
 .../test/test-app/src/app/providers/providers.component.html    | 2 +-
 .../src/app/router-link-page/router-link-page.component.html    | 2 +-
 .../src/app/router-link-page2/router-link-page2.component.html  | 2 +-
 .../src/app/router-link-page3/router-link-page3.component.html  | 2 +-
 .../test-app/src/app/router-link/router-link.component.html     | 2 +-
 .../tabs-lazy/tabs-tab3-nested/tabs-tab3-nested.component.html  | 2 +-
 .../src/app/tabs-lazy/tabs-tab3/tabs-tab3.component.html        | 2 +-
 .../src/app/tabs-tab1-nested/tabs-tab1-nested.component.html    | 2 +-
 .../test/test-app/src/app/view-child/view-child.component.html  | 2 +-
 .../virtual-scroll-detail/virtual-scroll-detail.component.html  | 2 +-
 core/src/components/menu/readme.md                              | 2 +-
 core/src/components/menu/usage/javascript.md                    | 2 +-
 core/src/components/modal/readme.md                             | 2 +-
 core/src/components/modal/usage/vue.md                          | 2 +-
 17 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/angular/test/test-app/src/app/alert/alert.component.html b/angular/test/test-app/src/app/alert/alert.component.html
index e94625e110..e3e40fc692 100644
--- a/angular/test/test-app/src/app/alert/alert.component.html
+++ b/angular/test/test-app/src/app/alert/alert.component.html
@@ -5,6 +5,6 @@
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content padding-top padding-horizontal>
+<ion-content>
   <p>Change Detections: <span id="counter">{{counter()}}</span></p>
 </ion-content>
diff --git a/angular/test/test-app/src/app/modal-example/modal-example.component.html b/angular/test/test-app/src/app/modal-example/modal-example.component.html
index 6245623753..70bb7e0d82 100644
--- a/angular/test/test-app/src/app/modal-example/modal-example.component.html
+++ b/angular/test/test-app/src/app/modal-example/modal-example.component.html
@@ -8,7 +8,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   <h1>Value</h1>
   <h2>{{value}}</h2>
   <h3>{{valueFromParams}}</h3>
diff --git a/angular/test/test-app/src/app/modal/modal.component.html b/angular/test/test-app/src/app/modal/modal.component.html
index 6e90279083..82f9b8093a 100644
--- a/angular/test/test-app/src/app/modal/modal.component.html
+++ b/angular/test/test-app/src/app/modal/modal.component.html
@@ -5,7 +5,7 @@
       </ion-title>
     </ion-toolbar>
   </ion-header>
-<ion-content padding>
+<ion-content class="ion-padding">
   <ion-button (click)="openModal()" id="action-button">Open Modal</ion-button>
   <ion-button (click)="openNav()" id="action-button-2">Open Nav in Modal</ion-button>
   <p>
diff --git a/angular/test/test-app/src/app/providers/providers.component.html b/angular/test/test-app/src/app/providers/providers.component.html
index fcda158a24..140f6fab98 100644
--- a/angular/test/test-app/src/app/providers/providers.component.html
+++ b/angular/test/test-app/src/app/providers/providers.component.html
@@ -5,7 +5,7 @@
       </ion-title>
     </ion-toolbar>
   </ion-header>
-  <ion-content padding>
+  <ion-content class="ion-padding">
     <p>
       isLoaded: <span id="is-loaded">{{isLoaded}}</span>
     </p>
diff --git a/angular/test/test-app/src/app/router-link-page/router-link-page.component.html b/angular/test/test-app/src/app/router-link-page/router-link-page.component.html
index aa12296afb..bf5eb3b242 100644
--- a/angular/test/test-app/src/app/router-link-page/router-link-page.component.html
+++ b/angular/test/test-app/src/app/router-link-page/router-link-page.component.html
@@ -7,7 +7,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   <p>ngOnInit: <span id="ngOnInit">{{onInit}}</span></p>
   <p>canGoBack: <span id="canGoBack">{{canGoBack}}</span></p>
   <p>ionViewWillEnter: <span id="ionViewWillEnter">{{willEnter}}</span></p>
diff --git a/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.html b/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.html
index 33171c503c..b78d4288dd 100644
--- a/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.html
+++ b/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.html
@@ -7,6 +7,6 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   <ion-button routerLink="/router-link-page3" id="goToPage3">Go to Page 3</ion-button>
 </ion-content>
\ No newline at end of file
diff --git a/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.html b/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.html
index 5c67ab2943..7ab72d5ee2 100644
--- a/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.html
+++ b/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.html
@@ -7,6 +7,6 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   Page 3
 </ion-content>
\ No newline at end of file
diff --git a/angular/test/test-app/src/app/router-link/router-link.component.html b/angular/test/test-app/src/app/router-link/router-link.component.html
index ea6b97eb44..3bb6b77091 100644
--- a/angular/test/test-app/src/app/router-link/router-link.component.html
+++ b/angular/test/test-app/src/app/router-link/router-link.component.html
@@ -5,7 +5,7 @@
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content padding>
+<ion-content class="ion-padding">
   <p>ngOnInit: <span id="ngOnInit">{{onInit}}</span></p>
   <p>ionViewWillEnter: <span id="ionViewWillEnter">{{willEnter}}</span></p>
   <p>ionViewDidEnter: <span id="ionViewDidEnter">{{didEnter}}</span></p>
diff --git a/angular/test/test-app/src/app/tabs-lazy/tabs-tab3-nested/tabs-tab3-nested.component.html b/angular/test/test-app/src/app/tabs-lazy/tabs-tab3-nested/tabs-tab3-nested.component.html
index 228d1d5658..54c0cb5c38 100644
--- a/angular/test/test-app/src/app/tabs-lazy/tabs-tab3-nested/tabs-tab3-nested.component.html
+++ b/angular/test/test-app/src/app/tabs-lazy/tabs-tab3-nested/tabs-tab3-nested.component.html
@@ -7,7 +7,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   <p>
     <ion-button routerLink="/tabs/account" id="goto-tab1-page1">Go to Tab 1 - Page 1</ion-button>
     <ion-button routerLink="/tabs/account/nested/1" id="goto-tab1-page2">Go to Tab 1 - Page 2</ion-button>
diff --git a/angular/test/test-app/src/app/tabs-lazy/tabs-tab3/tabs-tab3.component.html b/angular/test/test-app/src/app/tabs-lazy/tabs-tab3/tabs-tab3.component.html
index 73e4849061..b28bbd0a3d 100644
--- a/angular/test/test-app/src/app/tabs-lazy/tabs-tab3/tabs-tab3.component.html
+++ b/angular/test/test-app/src/app/tabs-lazy/tabs-tab3/tabs-tab3.component.html
@@ -4,7 +4,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   <h1>LAZY LOADED TAB</h1>
   <p>
     <ion-button routerLink="/tabs/account" id="goto-tab1-page1">Go to Tab 1 - Page 1</ion-button>
diff --git a/angular/test/test-app/src/app/tabs-tab1-nested/tabs-tab1-nested.component.html b/angular/test/test-app/src/app/tabs-tab1-nested/tabs-tab1-nested.component.html
index 2c55725f0c..8187f666a9 100644
--- a/angular/test/test-app/src/app/tabs-tab1-nested/tabs-tab1-nested.component.html
+++ b/angular/test/test-app/src/app/tabs-tab1-nested/tabs-tab1-nested.component.html
@@ -7,7 +7,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content class="ion-padding">
   <h1>Welcome to NESTED PAGE {{id}}</h1>
   <p>
     <ion-button routerLink="/tabs/account" id="goto-tab1-page1">Go to Tab 1 - Page 1</ion-button>
diff --git a/angular/test/test-app/src/app/view-child/view-child.component.html b/angular/test/test-app/src/app/view-child/view-child.component.html
index bc34b1da81..1293c69e75 100644
--- a/angular/test/test-app/src/app/view-child/view-child.component.html
+++ b/angular/test/test-app/src/app/view-child/view-child.component.html
@@ -5,7 +5,7 @@
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content padding>
+<ion-content class="ion-padding">
   <ion-slides>
     <ion-slide #slide>
         <ion-button id="color-button">Hello! it's a button</ion-button>
diff --git a/angular/test/test-app/src/app/virtual-scroll-detail/virtual-scroll-detail.component.html b/angular/test/test-app/src/app/virtual-scroll-detail/virtual-scroll-detail.component.html
index 8c69d360d4..02fc1e28db 100644
--- a/angular/test/test-app/src/app/virtual-scroll-detail/virtual-scroll-detail.component.html
+++ b/angular/test/test-app/src/app/virtual-scroll-detail/virtual-scroll-detail.component.html
@@ -7,7 +7,7 @@
     </ion-toolbar>
   </ion-header>
 
-  <ion-content padding>
+  <ion-content class="ion-padding">
     <h1>Item {{itemNu}}</h1>
     <p>ngOnInit: <span id="ngOnInit">{{onInit}}</span></p>
     <p>ionViewWillEnter: <span id="ionViewWillEnter">{{willEnter}}</span></p>
diff --git a/core/src/components/menu/readme.md b/core/src/components/menu/readme.md
index 2b8ff963ce..f817e69646 100644
--- a/core/src/components/menu/readme.md
+++ b/core/src/components/menu/readme.md
@@ -167,7 +167,7 @@ constructor(private menu: MenuController) { }
         <ion-title>Menu - Basic</ion-title>
       </ion-toolbar>
     </ion-header>
-    <ion-content padding>
+    <ion-content class="ion-padding">
       <ion-button expand="block" onclick="openFirst()">Open Start Menu</ion-button>
       <ion-button expand="block" onclick="openEnd()">Open End Menu</ion-button>
       <ion-button expand="block" onclick="openCustom()">Open Custom Menu</ion-button>
diff --git a/core/src/components/menu/usage/javascript.md b/core/src/components/menu/usage/javascript.md
index fa232b1487..7136b458bc 100644
--- a/core/src/components/menu/usage/javascript.md
+++ b/core/src/components/menu/usage/javascript.md
@@ -57,7 +57,7 @@
         <ion-title>Menu - Basic</ion-title>
       </ion-toolbar>
     </ion-header>
-    <ion-content padding>
+    <ion-content class="ion-padding">
       <ion-button expand="block" onclick="openFirst()">Open Start Menu</ion-button>
       <ion-button expand="block" onclick="openEnd()">Open End Menu</ion-button>
       <ion-button expand="block" onclick="openCustom()">Open Custom Menu</ion-button>
diff --git a/core/src/components/modal/readme.md b/core/src/components/modal/readme.md
index 3149a0d35e..ae31618783 100644
--- a/core/src/components/modal/readme.md
+++ b/core/src/components/modal/readme.md
@@ -267,7 +267,7 @@ export const ModalExample: React.FC = () => {
         <ion-title>{{ title }}</ion-title>
       </ion-toolbar>
     </ion-header>
-    <ion-content padding>
+    <ion-content class="ion-padding">
       {{ content }}
     </ion-content>
   </div>
diff --git a/core/src/components/modal/usage/vue.md b/core/src/components/modal/usage/vue.md
index f5d5a8b808..78f5230b8b 100644
--- a/core/src/components/modal/usage/vue.md
+++ b/core/src/components/modal/usage/vue.md
@@ -6,7 +6,7 @@
         <ion-title>{{ title }}</ion-title>
       </ion-toolbar>
     </ion-header>
-    <ion-content padding>
+    <ion-content class="ion-padding">
       {{ content }}
     </ion-content>
   </div>