From e8a0a65dc684d31d7cc40a9ee98e81a02e41d5bf Mon Sep 17 00:00:00 2001
From: fraserdale <fraserdale2@gmail.com>
Date: Tue, 3 Nov 2026 11:42:34 +0000
Subject: [PATCH] fix(settings): keep device controls within the popover

---
 package-lock.json                              | 4 ++--
 package.json                                   | 2 +-
 packages/shared/src/version.ts                 | 2 +-
 packages/ui/src/components/device-settings.tsx | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9227bc73..13e556e7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mobile-dev",
-  "version": "0.1.176",
+  "version": "0.1.177",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mobile-dev",
-      "version": "0.1.176",
+      "version": "0.1.177",
       "workspaces": [
         "packages/shared",
         "packages/core",
diff --git a/package.json b/package.json
index f3de4dd5..77f4362c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mobile-dev",
-  "version": "0.1.176",
+  "version": "0.1.177",
   "private": true,
   "workspaces": [
     "packages/shared",
diff --git a/packages/shared/src/version.ts b/packages/shared/src/version.ts
index 89e0920b..b6a430d8 100644
--- a/packages/shared/src/version.ts
+++ b/packages/shared/src/version.ts
@@ -1 +1 @@
-export const PLUGIN_VERSION = "0.1.176";
+export const PLUGIN_VERSION = "0.1.177";
diff --git a/packages/ui/src/components/device-settings.tsx b/packages/ui/src/components/device-settings.tsx
index af9119e3..6b3a605e 100644
--- a/packages/ui/src/components/device-settings.tsx
+++ b/packages/ui/src/components/device-settings.tsx
@@ -185,7 +185,7 @@ export function DeviceSettings({ platform }: { platform: "ios" | "android" }) {
           <AnimatedHeight>
           <TabsContent value="app"><AppTools store={appTools} /></TabsContent>
           <TabsContent value="device" className="space-y-3">
-        {settings && <fieldset disabled={disabled} className="space-y-3">
+        {settings && <fieldset disabled={disabled} className="min-w-0 space-y-3">
           <Group label="Display">
             {settings.appearance !== undefined && <Row label="Appearance" id={`${id}-appearance`}><Tabs value={settings.appearance} onValueChange={value => { if (value) void store.change({ setting: "appearance", value: value as "light" | "dark" | "auto" }); }}>
               {/* Android's third option leaves no room for icons. */}