Change viewport behaviour to cover (#34986)

Co-authored-by: diondiondion <mail@diondiondion.com>

app/javascript/styles/mastodon/basics.scss

@@ -48,6 +48,8 @@ body {
 
   &.app-body {
     padding: 0;
+    padding-left: env(safe-area-inset-left);
+    padding-right: env(safe-area-inset-right);
 
     &.layout-single-column {
       height: auto;

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 }/