diff --git a/src/app.rs b/src/app.rs index 55b7a17..83ba84d 100644 --- a/src/app.rs +++ b/src/app.rs @@ -100,6 +100,7 @@ impl Component for App { #[local_ref] container_box -> gtk::ListBox { + set_size_request: (200, -1), set_selection_mode: gtk::SelectionMode::None, set_valign: Align::Start, set_margin_all: 30, diff --git a/src/factories/container_list.rs b/src/factories/container_list.rs index 569b59a..8a15551 100644 --- a/src/factories/container_list.rs +++ b/src/factories/container_list.rs @@ -4,6 +4,7 @@ use relm4::adw::prelude::ActionRowExt; use relm4::adw::prelude::PreferencesRowExt; use relm4::factory::{FactoryComponent, FactorySender}; use relm4::gtk; +use relm4::gtk::prelude::WidgetExt; use relm4_icons::icon_names; #[derive(Debug)] @@ -36,13 +37,25 @@ impl FactoryComponent for Container { add_prefix = >k::Button { // TODO: make component with state that either is waiting, play or pause set_icon_name: icon_names::PLAY, + set_margin_top: 10, + set_margin_bottom: 10, + set_css_classes: &["circular"], connect_clicked => ContainerMsg::Start, }, - #[name(add_button)] - add_suffix = >k::Button { - set_icon_name: icon_names::TERMINAL, - connect_clicked => ContainerMsg::Start, + add_suffix = >k::Box{ + gtk::AspectFrame{ + set_ratio: 1.0, + #[name(add_button)] + gtk::Button { + set_icon_name: icon_names::TERMINAL, + set_margin_start: 10, + set_margin_top: 10, + set_margin_bottom: 10, + set_css_classes: &["flat"], + connect_clicked => ContainerMsg::Start, + }, + }, }, } }