From 489ee7896b160f5e37d2242fe1ee6fbbe7d274fb Mon Sep 17 00:00:00 2001
From: lukasIO <mail@lukasseiler.de>
Date: Thu, 22 May 2025 11:02:24 +0200
Subject: [PATCH] fix mobile settings view (#427)

---
 lib/SettingsMenu.tsx           | 16 +++++++++-------
 styles/SettingsMenu.module.css |  6 ------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/lib/SettingsMenu.tsx b/lib/SettingsMenu.tsx
index 035498a..9cf7c35 100644
--- a/lib/SettingsMenu.tsx
+++ b/lib/SettingsMenu.tsx
@@ -74,7 +74,7 @@ export function SettingsMenu(props: SettingsMenuProps) {
   };
 
   return (
-    <div className="settings-menu" style={{ width: '100%' }} {...props}>
+    <div className="settings-menu" style={{ width: '100%', position: 'relative' }} {...props}>
       <div className={styles.tabs}>
         {tabs.map(
           (tab) =>
@@ -141,12 +141,14 @@ export function SettingsMenu(props: SettingsMenuProps) {
           </>
         )}
       </div>
-      <button
-        className={`lk-button ${styles.settingsCloseButton}`}
-        onClick={() => layoutContext?.widget.dispatch?.({ msg: 'toggle_settings' })}
-      >
-        Close
-      </button>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', width: '100%' }}>
+        <button
+          className={`lk-button`}
+          onClick={() => layoutContext?.widget.dispatch?.({ msg: 'toggle_settings' })}
+        >
+          Close
+        </button>
+      </div>
     </div>
   );
 }
diff --git a/styles/SettingsMenu.module.css b/styles/SettingsMenu.module.css
index 2ea4f26..5af6edb 100644
--- a/styles/SettingsMenu.module.css
+++ b/styles/SettingsMenu.module.css
@@ -1,9 +1,3 @@
-.settingsCloseButton {
-  position: absolute;
-  right: var(--lk-grid-gap);
-  bottom: var(--lk-grid-gap);
-}
-
 .tabs {
   position: relative;
   display: flex;