fix: keep download toggle label on one line

lib/utils/dialogs.dart

@@ -388,22 +388,47 @@ class _OptionPickerDialogState<T> extends State<_OptionPickerDialog<T>> {
 
   @override
   Widget build(BuildContext context) {
-    const rowPadding = EdgeInsets.symmetric(horizontal: 24, vertical: 4);
+    const rowPadding = EdgeInsets.symmetric(horizontal: 12, vertical: 4);
+    const rowHorizontalTitleGap = 8.0;
+    const rowMinLeadingWidth = 24.0;
     final toggle = widget.toggle;
+    void updateToggle(bool value) {
+      setState(() => _toggleValue = value);
+      toggle?.onChanged(value);
+    }
+
     return SimpleDialog(
       title: Text(widget.title),
+      insetPadding: const EdgeInsets.symmetric(horizontal: 8, vertical: 24),
+      constraints: const BoxConstraints(minWidth: 304),
       contentPadding: const EdgeInsets.symmetric(vertical: 8),
       children: [
         if (toggle != null)
-          FocusableSwitchListTile(
-            value: _toggleValue,
-            secondary: toggle.icon != null ? AppIcon(toggle.icon!, fill: 1, size: 24) : null,
-            title: Text(toggle.label, style: Theme.of(context).textTheme.bodyLarge),
-            contentPadding: rowPadding,
-            onChanged: (value) {
-              setState(() => _toggleValue = value);
-              toggle.onChanged(value);
-            },
+          MergeSemantics(
+            child: FocusableListTile(
+              title: Row(
+                children: [
+                  if (toggle.icon != null) ...[
+                    AppIcon(toggle.icon!, fill: 1, size: 24),
+                    const SizedBox(width: rowHorizontalTitleGap),
+                  ],
+                  Expanded(
+                    child: Text(
+                      toggle.label,
+                      style: Theme.of(context).textTheme.bodyLarge,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                  const SizedBox(width: rowHorizontalTitleGap),
+                  ExcludeFocus(
+                    child: Switch(value: _toggleValue, onChanged: updateToggle),
+                  ),
+                ],
+              ),
+              contentPadding: rowPadding,
+              onTap: () => updateToggle(!_toggleValue),
+            ),
           ),
         ...List.generate(widget.options.length, (index) {
           final option = widget.options[index];
@@ -413,6 +438,8 @@ class _OptionPickerDialogState<T> extends State<_OptionPickerDialog<T>> {
             leading: icon != null ? AppIcon(icon, fill: 1, size: 24) : null,
             title: Text(option.label, style: Theme.of(context).textTheme.bodyLarge),
             contentPadding: rowPadding,
+            horizontalTitleGap: rowHorizontalTitleGap,
+            minLeadingWidth: rowMinLeadingWidth,
             onTap: () async {
               if (widget.onBeforeClose != null) {
                 final result = await widget.onBeforeClose!(option.value);

lib/widgets/focusable_list_tile.dart

@@ -44,6 +44,10 @@ class FocusableListTile extends StatefulWidget {
 
   final VisualDensity? visualDensity;
 
+  final double? horizontalTitleGap;
+
+  final double? minLeadingWidth;
+
   const FocusableListTile({
     super.key,
     this.title,
@@ -63,6 +67,8 @@ class FocusableListTile extends StatefulWidget {
     this.textColor,
     this.iconColor,
     this.visualDensity = const VisualDensity(vertical: -3),
+    this.horizontalTitleGap,
+    this.minLeadingWidth,
   });
 
   @override
@@ -125,6 +131,8 @@ class _FocusableListTileState extends State<FocusableListTile> with FocusableTil
         hoverColor: widget.hoverColor,
         textColor: textColor,
         iconColor: iconColor,
+        horizontalTitleGap: widget.horizontalTitleGap,
+        minLeadingWidth: widget.minLeadingWidth,
       ),
     );
 
@@ -277,6 +285,12 @@ class FocusableSwitchListTile extends StatefulWidget {
   /// SwitchListTile default.
   final EdgeInsetsGeometry? contentPadding;
 
+  /// Horizontal gap between the leading/secondary widget and title.
+  final double? horizontalTitleGap;
+
+  /// Minimum width reserved for the leading/secondary widget.
+  final double? minLeadingWidth;
+
   const FocusableSwitchListTile({
     super.key,
     this.title,
@@ -289,6 +303,8 @@ class FocusableSwitchListTile extends StatefulWidget {
     this.autofocus = false,
     this.visualDensity = const VisualDensity(vertical: -3),
     this.contentPadding,
+    this.horizontalTitleGap,
+    this.minLeadingWidth,
   });
 
   @override
@@ -333,6 +349,8 @@ class _FocusableSwitchListTileState extends State<FocusableSwitchListTile>
         contentPadding: widget.contentPadding,
         focusNode: effectiveFocusNode,
         autofocus: widget.autofocus,
+        horizontalTitleGap: widget.horizontalTitleGap,
+        minLeadingWidth: widget.minLeadingWidth,
       ),
     );
   }