From 5c9d266623932769180f07127a8d7e27287d4ced Mon Sep 17 00:00:00 2001
From: nwcubeok <nwcubeok@gmail.com>
Date: Thu, 6 Mar 2025 17:25:28 +0100
Subject: [PATCH] Close button sticky in every modal

---
 src/client/HelpModal.ts             | 3 +++
 src/client/HostLobbyModal.ts        | 3 +++
 src/client/JoinPrivateLobbyModal.ts | 3 +++
 src/client/SinglePlayerModal.ts     | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/src/client/HelpModal.ts b/src/client/HelpModal.ts
index 9acccd60a..dea41746e 100644
--- a/src/client/HelpModal.ts
+++ b/src/client/HelpModal.ts
@@ -57,6 +57,9 @@ export class HelpModal extends LitElement {
     }
 
     #helpModal .close {
+      position: sticky;
+      top: 0px;
+      right: 0px;
       color: #aaa;
       float: right;
       font-size: 28px;
diff --git a/src/client/HostLobbyModal.ts b/src/client/HostLobbyModal.ts
index 882dfc10c..1da6e4edf 100644
--- a/src/client/HostLobbyModal.ts
+++ b/src/client/HostLobbyModal.ts
@@ -91,6 +91,9 @@ export class HostLobbyModal extends LitElement {
     }
 
     .close {
+      position: sticky;
+      top: 0px;
+      right: 0px;
       color: #aaa;
       float: right;
       font-size: 28px;
diff --git a/src/client/JoinPrivateLobbyModal.ts b/src/client/JoinPrivateLobbyModal.ts
index 85d1f33dc..c77cec3c3 100644
--- a/src/client/JoinPrivateLobbyModal.ts
+++ b/src/client/JoinPrivateLobbyModal.ts
@@ -78,6 +78,9 @@ export class JoinPrivateLobbyModal extends LitElement {
     }
 
     .close {
+      position: sticky;
+      top: 0px;
+      right: 0px;
       color: #aaa;
       float: right;
       font-size: 28px;
diff --git a/src/client/SinglePlayerModal.ts b/src/client/SinglePlayerModal.ts
index 510a6c54e..facaed818 100644
--- a/src/client/SinglePlayerModal.ts
+++ b/src/client/SinglePlayerModal.ts
@@ -84,6 +84,9 @@ export class SinglePlayerModal extends LitElement {
     }
 
     .close {
+      position: sticky;
+      top: 0px;
+      right: 0px;
       color: #aaa;
       float: right;
       font-size: 28px;