From 42ca32d390297878ebc2f98bef384c0d58ee2385 Mon Sep 17 00:00:00 2001
From: NewHappyRabbit <newhappyrabbit3@gmail.com>
Date: Fri, 14 Feb 2025 10:54:29 +0200
Subject: [PATCH] Fixed flag modal CSS for mobile

---
 src/client/FlagInput.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/client/FlagInput.ts b/src/client/FlagInput.ts
index 2654a9462..2f971327d 100644
--- a/src/client/FlagInput.ts
+++ b/src/client/FlagInput.ts
@@ -59,6 +59,7 @@ export class FlagInput extends LitElement {
       backdrop-filter: blur(12px);
       padding: 10px;
       border-radius: 8px;
+      z-index: 3;
     }
 
     .flag-search {
@@ -71,9 +72,11 @@ export class FlagInput extends LitElement {
 
     .flag-dropdown {
       overflow-y: auto;
+      overflow-x: hidden;
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
+      justify-content: space-evenly;
       gap: 1rem;
     }
 
@@ -98,9 +101,7 @@ export class FlagInput extends LitElement {
 
     @media (max-width: 768px) {
       .flag-modal {
-        left: 0px;
-        width: calc(100% - 16px);
-        height: 50vh;
+        width: 80vw;
       }
 
       .dropdown-item {