From 0a6bd5b763d93826bd8aa944d7e48052d1bfc5cb Mon Sep 17 00:00:00 2001
From: redphx <96280+redphx@users.noreply.github.com>
Date: Fri, 12 Jan 2024 17:02:50 +0700
Subject: [PATCH] Fix layout on small screen devices

---
 better-xcloud.user.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/better-xcloud.user.js b/better-xcloud.user.js
index 7e31e0c..591aff9 100644
--- a/better-xcloud.user.js
+++ b/better-xcloud.user.js
@@ -7265,6 +7265,12 @@ a.bx-button {
     padding: 12px 6px;
 }
 
+@media screen and (max-width: 450px) {
+    .bx-settings-wrapper {
+        width: 100%;
+    }
+}
+
 .bx-settings-wrapper *:focus {
     outline: none !important;
 }
@@ -7628,6 +7634,12 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] {
     outline: none !important;
 }
 
+@media screen and (max-width: 450px) {
+    .bx-dialog {
+        min-width: 100%;
+    }
+}
+
 .bx-dialog h2 {
     display: flex;
     margin-bottom: 12px;