[yew-devel] [PATCH yew-comp 1/2] syslog: fix toolbar spacing

[Dominik Csapak <d.csapak@proxmox.com>]

fields do have some css classes that make them problematic in pure flex
layouts. They take all the available space.

The intention here was for the fields to be right aligned, so wrap them
in a 'Container' so that works as intended.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 src/syslog.rs | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/syslog.rs b/src/syslog.rs
index cf274a5..5635c22 100644
--- a/src/syslog.rs
+++ b/src/syslog.rs
@@ -116,14 +116,16 @@ impl ProxmoxSyslog {
                     .with_child("Since:"),
             )
             .with_child(
-                Field::new()
-                    .label_id(self.since_label_id.clone())
-                    .input_type(InputType::DatetimeLocal)
-                    .required(true) // avoid clear button in firefox
-                    .disabled(self.active)
-                    .class("pwt-input-hide-clear-button")
-                    .on_change(ctx.link().callback(Msg::Since))
-                    .value(since),
+                Container::new().with_child(
+                    Field::new()
+                        .label_id(self.since_label_id.clone())
+                        .input_type(InputType::DatetimeLocal)
+                        .required(true) // avoid clear button in firefox
+                        .disabled(self.active)
+                        .class("pwt-input-hide-clear-button")
+                        .on_change(ctx.link().callback(Msg::Since))
+                        .value(since),
+                ),
             )
             .with_child(
                 Container::from_tag("label")
@@ -134,13 +136,15 @@ impl ProxmoxSyslog {
                     .with_child("Until:"),
             )
             .with_child(
-                Field::new()
-                    .label_id(self.until_label_id.clone())
-                    .input_type(InputType::DatetimeLocal)
-                    .required(true) // avoid clear button in firefox
-                    .disabled(self.active)
-                    .on_change(ctx.link().callback(Msg::Until))
-                    .value(until),
+                Container::new().with_child(
+                    Field::new()
+                        .label_id(self.until_label_id.clone())
+                        .input_type(InputType::DatetimeLocal)
+                        .required(true) // avoid clear button in firefox
+                        .disabled(self.active)
+                        .on_change(ctx.link().callback(Msg::Until))
+                        .value(until),
+                ),
             )
             .border_bottom(true)
             .into()
-- 
2.47.3



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel