v2

CONTENT/ROOT_URI/Agent/Agent_Nav.php

@@ -5,9 +5,12 @@
     .agent-body {
       margin: 0;
       padding: 0;
-      margin-bottom: 0px;
       font-family: Arial, sans-serif;
-      overflow-y: hidden;
+      overflow-y: auto;
+
+      /* ✅ Prevent content from hiding behind bottom nav */
+      padding-bottom: calc(55px + env(safe-area-inset-bottom));
+      padding-bottom: calc(55px + constant(safe-area-inset-bottom)); /* old iOS */
     }
 
     /* ===== Header/Navbar ===== */
@@ -43,7 +46,11 @@
       bottom: 0;
       left: 0;
       right: 0;
-      height: 55px;
+
+      /* ✅ Height = nav height + safe area */
+      height: calc(55px + env(safe-area-inset-bottom));
+      height: calc(55px + constant(safe-area-inset-bottom));
+
       background: #e95420;
       display: flex;
       justify-content: space-around;
@@ -51,9 +58,9 @@
       border-top: 1px solid rgba(255,255,255,0.2);
       z-index: 999;
 
-      /* ✅ Safe area support (iPhone notch, Android nav bar) */
+      /* ✅ Safe padding */
       padding-bottom: env(safe-area-inset-bottom);
-      padding-bottom: constant(safe-area-inset-bottom); /* older iOS */
+      padding-bottom: constant(safe-area-inset-bottom);
     }
     .agent-bottom-link {
       color: #fff;
@@ -100,7 +107,7 @@
           <i class="fa-solid fa-chart-line"></i>
           Reports
         </a>
-        <a href="/Agent/Receive" class="agent-bottom-link" style="">
+        <a href="/Agent/Receive" class="agent-bottom-link">
           <i class="fa-solid fa-plus"></i>
           Payment
         </a>