Add MMRL insets

Author: fatalcoder524

module/webroot/css/common.css

@@ -19,10 +19,11 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
   background-color: var(--bg-color);
   color: var(--text);
-  padding: var(--spacing);
   min-height: 100vh;
-  padding-bottom: calc(var(--footer-height) + var(--spacing));
   position: relative;
+  padding: var(--spacing);
+  padding-top: var(--window-inset-top);
+  padding-bottom: var(--window-inset-bottom);
 }
 
 .container {

module/webroot/index.html

@@ -4,6 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TCP Optimiser</title>
+  <!-- Window Safe Area Insets -->
+  <link rel="stylesheet" type="text/css" href="https://mui.kernelsu.org/internal/insets.css" />
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/icons.css">
   <script type="module" src="./js/router.js"></script>