Add info text and adjust gap

qbicsoftware · Jan 20, 2025 · f0c08d1 · f0c08d1
1 parent 6451924
commit f0c08d1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/...n/java/life/qbic/datamanager/views/general/confounding/ConfoundingVariablesUserInput.java b/...n/java/life/qbic/datamanager/views/general/confounding/ConfoundingVariablesUserInput.java
@@ -32,9 +32,11 @@ public class ConfoundingVariablesUserInput extends Div implements UserInput {
   private final Div addActionContainer;
 
   public ConfoundingVariablesUserInput() {
+    var infoText = new Div(
+        "Add confounding variables here. You'll be able to define their values while registering samples.");
     addActionContainer = createAddActionContainer();
-    add(addActionContainer);
-    addClassNames("vertical-list", "confounding-variables");
+    add(infoText, addActionContainer);
+    addClassNames("vertical-list", "confounding-variables", "gap-04");
   }
 
   private Div createAddActionContainer() {
@@ -45,7 +47,7 @@ private Div createAddActionContainer() {
     addVariableIcon.addClassName(CSS_CLICKABLE);
     container = new Div();
     container.setId("add-action-container");
-    container.addClassNames("horizontal-list", "color-primary");
+    container.addClassNames("horizontal-list", "color-primary", "gap-02");
     container.add(addVariableIcon, addVariableText);
     addVariableIcon.addClickListener(e -> addVariable(new ConfoundingVariable(null, "")));
     addVariableText.addClickListener(e -> addVariable(new ConfoundingVariable(null, "")));