Added adjustment for footer-bar in iphonex

app/javascript/styles/gabsocial/components/footer-bar.scss

@@ -9,6 +9,8 @@
   z-index: 1000;
   transition: transform 0.2s ease;
   overflow: hidden;
+  padding-bottom: 0;
+  padding-bottom: env(safe-area-inset-bottom);
 
   @media screen and (min-width: 895px) {
     display: none !important;

app/views/layouts/application.html.haml

@@ -2,7 +2,7 @@
 %html{ lang: I18n.locale }
   %head
     %meta{ charset: 'utf-8' }/
-    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1' }/
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1', 'viewport-fit': 'cover' }/
 
     - if cdn_host?
       %link{ rel: 'dns-prefetch', href: cdn_host }/