From 8b8a0f863246c63d8d91051cb4475f184d45e2a5 Mon Sep 17 00:00:00 2001
From: AmateurAudioDude <168192910+AmateurAudioDude@users.noreply.github.com>
Date: Wed, 28 Aug 2024 00:17:07 +1000
Subject: [PATCH] Fix for iPhone in portrait mode

---
 web/css/breadcrumbs.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/css/breadcrumbs.css b/web/css/breadcrumbs.css
index 8045d52..d3e1c65 100644
--- a/web/css/breadcrumbs.css
+++ b/web/css/breadcrumbs.css
@@ -244,14 +244,20 @@ label {
     display: none;
   }
 
-  .overlay {
+  #flags-container-phone,
+  #flags-container-desktop {
+    position: relative; /* Confine overlay within container which is necessary for iPhones */
+  }
+
+  #flags-container-phone .overlay,
+  #flags-container-desktop .overlay {
     position: absolute;
     top: 0;
-    bottom: 0;
     left: 0;
     right: 0;
-    pointer-events: auto; /* Ensure that the overlay captures clicks */
-    opacity: 0; /* Make the overlay invisible */
+    bottom: 0;
+    pointer-events: auto;
+    opacity: 0;
 }
 
 .admin-quick-dashboard {