Tweak hacky android "safe area"

Author: nicoburns

apps/browser/assets/browser.css

@@ -12,6 +12,7 @@ html, body, #main, #frame {
 #frame {
     display: flex;
     flex-direction: column;
+    background: black;
 }
 
 .urlbar {

apps/browser/src/main.rs

@@ -92,14 +92,20 @@ fn app() -> Element {
     // HACK: Winit doesn't support "safe area" on Android yet.
     // So we just hardcode a fallback safe area.
     const TOP_PAD: &str = if cfg!(target_os = "android") {
-        "50px"
+        "30px"
+    } else {
+        ""
+    };
+    const BOTTOM_PAD: &str = if cfg!(target_os = "android") {
+        "44px"
     } else {
         ""
     };
 
     rsx!(
         div { id: "frame",
               padding_top: TOP_PAD,
+              padding_bottom: BOTTOM_PAD,
             title { "Blitz Browser" }
             document::Link { rel: "stylesheet", href: BROWSER_UI_STYLES }