Use wrapping for scan result filter controls

mtkennerly · Sep 22, 2024 · 0067872 · 0067872
1 parent b6eb84c
commit 0067872
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 16 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,8 @@
   * GUI: Updated to the latest version of [Iced](https://github.com/iced-rs/iced).
     If the GUI fails to load, Ludusavi will log the error info.
   * GUI: Modals now display on top of the app with a transparent background.
+  * GUI: On the backup and restore screens,
+    the filter controls now wrap depending on the window size.
 
 ## v0.25.0 (2024-08-18)
 

diff --git a/Cargo.lock b/Cargo.lock
diff --git a/src/gui/search.rs b/src/gui/search.rs
@@ -188,21 +188,18 @@ impl FilterComponent {
                                 manifests.clone(),
                                 Message::EditedSearchFilterManifest,
                             )
-                        }),
+                        })
+                        .push_if(manifests.len() > 2, || {
+                            template_with_label(
+                                &self.manifest,
+                                TRANSLATOR.source_field(),
+                                FilterKind::Manifest,
+                                manifests,
+                                Message::EditedSearchFilterManifest,
+                            )
+                        })
+                        .wrap(),
                 )
-                .push_if(manifests.len() > 2, || {
-                    Row::new()
-                        .padding(padding::left(20).right(0))
-                        .spacing(15)
-                        .align_y(Alignment::Center)
-                        .push(template_with_label(
-                            &self.manifest,
-                            TRANSLATOR.source_field(),
-                            FilterKind::Manifest,
-                            manifests,
-                            Message::EditedSearchFilterManifest,
-                        ))
-                })
                 .into(),
         )
     }