add reminder text when users selecting property (#663)

* add reminder text when users select property

src/aiidalab_qe/app/configuration/workflow.py

@@ -94,9 +94,26 @@ def __init__(self, **kwargs):
             ipw.HTML("Select which properties to calculate:"),
         ]
         entries = get_entry_items("aiidalab_qe.properties", "outline")
+        setting_entries = get_entry_items("aiidalab_qe.properties", "setting")
         for name, entry_point in entries.items():
             self.properties[name] = entry_point()
-            self.property_children.append(self.properties[name])
+            if name in setting_entries:
+                reminder_text = ipw.HTML()
+            self.property_children.append(
+                ipw.HBox([self.properties[name], reminder_text])
+            )
+
+            # observer change to update the reminder text
+            def update_reminder_text(change, reminder_text=reminder_text, name=name):
+                if change["new"]:
+                    reminder_text.value = (
+                        f"""Customize {name} settings in the panel above if needed."""
+                    )
+                else:
+                    reminder_text.value = ""
+
+            self.properties[name].run.observe(update_reminder_text, "value")
+
         self.property_children.append(self.properties_help)
         self.children = [
             self.structure_title,

src/aiidalab_qe/common/panel.py

@@ -72,7 +72,7 @@ def __init__(self, **kwargs):
             description=self.title,
             indent=False,
             value=False,
-            layout=ipw.Layout(max_width="50%"),
+            style={"description_width": "initial"},
         )
         self.description_html = ipw.HTML(
             f"""<div style="line-height: 140%; padding-top: 0px; padding-bottom: 5px">