From 369f4e60ce746b0e3b66c52a7e107383ad9ba26c Mon Sep 17 00:00:00 2001
From: Edan Bainglass <edan.bainglass@gmail.com>
Date: Tue, 17 Dec 2024 05:58:28 +0000
Subject: [PATCH] Make protocol selection UI consistent with basic settings UI

---
 .../app/configuration/basic/workflow.py       | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/aiidalab_qe/app/configuration/basic/workflow.py b/src/aiidalab_qe/app/configuration/basic/workflow.py
index f518784bd..3a5c1a06c 100644
--- a/src/aiidalab_qe/app/configuration/basic/workflow.py
+++ b/src/aiidalab_qe/app/configuration/basic/workflow.py
@@ -88,6 +88,10 @@ def render(self):
                         <li>
                             If the material should be studied with spin-orbit coupling
                         </li>
+                        <li>
+                            The protocol to use for the calculation, which sets default
+                            values balancing the accuracy and speed of the calculation
+                        </li>
                     </ol>
                 </div>
             """),
@@ -118,13 +122,15 @@ def render(self):
                     self.spin_orbit,
                 ]
             ),
-            ipw.HTML("""
-                <div style="padding-top: 0px; padding-bottom: 0px">
-                    <h4>Protocol</h4>
-                </div>
-            """),
-            ipw.HTML("Select the protocol:", layout=ipw.Layout(flex="1 1 auto")),
-            self.protocol,
+            ipw.HBox(
+                children=[
+                    ipw.Label(
+                        "Protocol:",
+                        layout=ipw.Layout(justify_content="flex-start", width="120px"),
+                    ),
+                    self.protocol,
+                ]
+            ),
             ipw.HTML("""
                 <div style="line-height: 140%; padding-top: 6px; padding-bottom: 0px">
                     The "moderate" protocol represents a trade-off between accuracy and