diff --git a/user-interface/frontend/themes/datamanager/components/dialog.css b/user-interface/frontend/themes/datamanager/components/dialog.css index 306dc7338..08134686e 100644 --- a/user-interface/frontend/themes/datamanager/components/dialog.css +++ b/user-interface/frontend/themes/datamanager/components/dialog.css @@ -356,10 +356,11 @@ Since we want to remove the spacing between the cancel and confirm button we rep .experiment-variable-dialog .content .row { display: flex; - align-items: center; - gap: var(--lumo-space-l); + align-items: baseline; + column-gap: var(--lumo-space-l); } + .add-project-dialog::part(content) { display: flex; flex-direction: column; diff --git a/user-interface/src/main/java/life/qbic/datamanager/views/projects/project/experiments/experiment/components/ExperimentalVariableRowLayout.java b/user-interface/src/main/java/life/qbic/datamanager/views/projects/project/experiments/experiment/components/ExperimentalVariableRowLayout.java index ba2f5d172..fcbfb4499 100644 --- a/user-interface/src/main/java/life/qbic/datamanager/views/projects/project/experiments/experiment/components/ExperimentalVariableRowLayout.java +++ b/user-interface/src/main/java/life/qbic/datamanager/views/projects/project/experiments/experiment/components/ExperimentalVariableRowLayout.java @@ -1,6 +1,5 @@ package life.qbic.datamanager.views.projects.project.experiments.experiment.components; -import com.vaadin.flow.component.formlayout.FormLayout; import com.vaadin.flow.component.html.Span; import com.vaadin.flow.component.icon.Icon; import com.vaadin.flow.component.icon.VaadinIcon; @@ -45,9 +44,6 @@ static ExperimentalVariableRowLayout from( private void init() { addClassName("row"); - FormLayout experimentalVariableFieldsLayout = new FormLayout(); - experimentalVariableFieldsLayout.add(nameField, unitField, levelArea); - experimentalVariableFieldsLayout.setResponsiveSteps(new FormLayout.ResponsiveStep("0", 3)); nameField.setRequired(true); nameField.setPlaceholder("e.g. age"); unitField.setPlaceholder("e.g. years"); @@ -59,7 +55,8 @@ private void init() { 42 68 """); - add(experimentalVariableFieldsLayout, deleteIcon); + /*Span around Icon is necessary otherwise icon size will be scaled down if a scrollbar appears*/ + add(nameField, unitField, levelArea, new Span(deleteIcon)); } public String getVariableName() {