From 7e7aba06a6a29f58394063d83b6d9f2f529d88c1 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Fri, 6 Feb 2026 14:42:25 -0800
Subject: [PATCH] Fix safe area insets

---
 capacitor.config.ts | 4 ++--
 src/app.css         | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/capacitor.config.ts b/capacitor.config.ts
index 48fd829e..460d5749 100644
--- a/capacitor.config.ts
+++ b/capacitor.config.ts
@@ -5,14 +5,14 @@ const config: CapacitorConfig = {
   appName: "Flotilla",
   webDir: "build",
   android: {
-    adjustMarginsForEdgeToEdge: false,
+    adjustMarginsForEdgeToEdge: true,
   },
   plugins: {
     CapacitorHttp: {
       enabled: true,
     },
     SystemBars: {
-      insetsHandling: "disable",
+      insetsHandling: "enable",
     },
     SplashScreen: {
       androidSplashResourceName: "splash",
diff --git a/src/app.css b/src/app.css
index 5c56e6a1..34260d0b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -102,19 +102,19 @@
   }
 
   .mt-sai {
-    padding-top: var(--sait);
+    margin-top: var(--sait);
   }
 
   .mr-sai {
-    padding-right: var(--sair);
+    margin-right: var(--sair);
   }
 
   .mb-sai {
-    padding-bottom: var(--saib);
+    margin-bottom: var(--saib);
   }
 
   .ml-sai {
-    padding-left: var(--sail);
+    margin-left: var(--sail);
   }
 
   .mx-sai {