From adcb0f17ddea64fe16e1b22f0cecdcdd1fefe980 Mon Sep 17 00:00:00 2001
From: dijunkun <junkun.di@hotmail.com>
Date: Mon, 2 Nov 2026 02:20:31 +0800
Subject: [PATCH] [ui] improve scrollbar spacing in the trusted devices dialog

---
 apps/desktop/src/gui/ui/trusted_devices.slint | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/gui/ui/trusted_devices.slint b/apps/desktop/src/gui/ui/trusted_devices.slint
index 93c97179..84f8ed96 100644
--- a/apps/desktop/src/gui/ui/trusted_devices.slint
+++ b/apps/desktop/src/gui/ui/trusted_devices.slint
@@ -127,6 +127,8 @@ export component TrustedDevicesDialog inherits Rectangle {
         }
     }
     dialog := SettingsDialog {
+        // Reserve the full 14px Fluent scrollbar plus an 8px content gap.
+        private property <length> scrollbar-gutter: 22px;
         x: (parent.width - self.width) / 2; y: (parent.height - self.height) / 2;
         width: min(540px, parent.width - 32px);
         height: min(400px, parent.height - 32px);
@@ -135,13 +137,18 @@ export component TrustedDevicesDialog inherits Rectangle {
         title: TrustStrings.title; close-label: TrustStrings.close;
         close => { root.close(); }
         ScrollView {
-            x: 24px; y: 64px; width: parent.width - 48px; height: parent.height - 84px;
+            x: 24px; y: 64px;
+            // Extend into the right margin to preserve the existing card width.
+            width: parent.width - 56px + dialog.scrollbar-gutter;
+            height: parent.height - 84px;
             min-width: 0px; min-height: 0px;
             horizontal-scrollbar-policy: always-off;
+            vertical-scrollbar-policy: as-needed;
             viewport-width: self.visible-width;
             viewport-height: content.preferred-height;
             content := VerticalLayout {
-                width: parent.visible-width - 8px; height: self.preferred-height;
+                x: 0px; y: 0px;
+                width: max(0px, parent.visible-width - dialog.scrollbar-gutter); height: self.preferred-height;
                 spacing: 16px; padding: 0px; alignment: start;
                 FlatSurface {
                     background: #f1f6ff; outline-color: #d7e3f7; border-radius: UiRadius.surface;