Activated status bar overlay on iOS. Adjusted CSS accordingly

config.xml

@@ -64,6 +64,7 @@
     </platform>
     <platform name="ios">
         <preference name="BackupWebStorage" value="local" />
+        <preference name="StatusBarOverlaysWebView" value="true" />
         <icon height="20" src="resources/ios/icon/Icon-App-20x20@1x.png" width="20" />
         <icon height="40" src="resources/ios/icon/Icon-App-20x20@2x.png" width="40" />
         <icon height="60" src="resources/ios/icon/Icon-App-20x20@3x.png" width="60" />

scss/ionic.app.scss

@@ -422,6 +422,12 @@ $screen-menu:                     845px;
 /**********
    Fix or extend generic CSS
 **********/
+.platform-ios.platform-cordova {
+  .view-container.nav-view-content {
+    height: calc(100% + constant(safe-area-inset-top));
+    height: calc(100% + env(safe-area-inset-top));
+  }
+}
 
 .item.item-icon-right.item-select,
 .item.item-icon-right .item-select {
@@ -748,6 +754,11 @@ $screen-menu:                     845px;
   bottom: 64px !important;
 }
 
+.platform-ios.platform-cordova .button-fab-bottom-right,
+.platform-ios.platform-cordova .button-fab-bottom-left {
+  bottom: 30px;
+}
+
 /* ============
  Home page
 =============== */
@@ -1867,7 +1878,7 @@ $ionicon-var-badge-editable: $ionicon-var-edit + "\00a0";
       padding-right: 0px !important;
 
       .platform-ios.platform-cordova & {
-        height: calc(env(safe-area-inset-top) + 160px);
+        height: calc(env(safe-area-inset-top) + 180px);
       }
 
       .hero {
@@ -1888,7 +1899,7 @@ $ionicon-var-badge-editable: $ionicon-var-edit + "\00a0";
       top: 150px;
 
       .platform-ios.platform-cordova & {
-        top: calc(env(safe-area-inset-top) + 160px);
+        top: calc(env(safe-area-inset-top) + 180px);
       }
     }
   }

www/index.html

@@ -56,7 +56,7 @@
 
 
 
-    <ion-nav-view>
+    <ion-nav-view class="nav-view-content">
       <div class="loader">
         <h3 style="text-align: center; padding-top: 25px; "><b>Cesium</b></h3>
         <h4 style="text-align: center;"><i class="icon ion-load-a"></i></h4>