MOBILE-2567 chat: Add margin bottom when keyboard is open

src/addon/messages/pages/discussion/discussion.html

@@ -12,7 +12,7 @@
         </a>
     </core-navbar-buttons>
 </ion-header>
-<ion-content>
+<ion-content class="has-footer">
     <core-loading [hideUntil]="loaded">
         <!-- Load previous messages. -->
         <ion-infinite-scroll [enabled]="canLoadMore" (ionInfinite)="loadPrevious($event)" position="top">

src/addon/mod/chat/pages/chat/chat.html

@@ -8,7 +8,7 @@
         </ion-buttons>
     </ion-navbar>
 </ion-header>
-<ion-content>
+<ion-content  class="has-footer">
     <core-loading [hideUntil]="loaded">
         <div aria-live="polite">
             <div *ngFor="let message of messages; index as index; last as last">

src/app/app.scss

@@ -919,8 +919,10 @@ ion-app.app-root {
 }
 
 body.keyboard-is-open {
-  .scroll-content, .fixed-content {
+  ion-content:not(.has-footer) {
+    > .scroll-content, > .fixed-content {
       margin-bottom: 0 !important;
+    }
   }
 
   core-ion-tabs .tabbar {

src/components/tabs/tabs.scss

@@ -26,6 +26,7 @@ ion-app.app-root .core-tabs-bar {
             word-wrap: break-word;
             display: block;
             width: 100%;
+            line-height: 1.2em;
         }
 
         &[aria-selected=true] {

src/core/emulator/pages/capture-media/capture-media.html

@@ -11,7 +11,7 @@
         </ion-buttons>
     </ion-navbar>
 </ion-header>
-<ion-content>
+<ion-content  class="has-footer">
     <core-loading [hideUntil]="readyToCapture">
         <div class="core-av-wrapper">
             <!-- Video stream for image and video. -->