Fix loader margins (#1123)

aiidalab · Jan 31, 2025 · 68af89e · 68af89e
1 parent 2ee76fb
commit 68af89e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/aiidalab_qe/app/wizard_app.py b/src/aiidalab_qe/app/wizard_app.py
@@ -93,7 +93,7 @@ def __init__(self, qe_auto_setup=True):
 
         self._process_loading_message = LoadingWidget(
             message="Loading process",
-            layout=ipw.Layout(display="none"),
+            layout={"display": "none"},
         )
 
         super().__init__(

diff --git a/src/aiidalab_qe/common/widgets.py b/src/aiidalab_qe/common/widgets.py
@@ -979,9 +979,17 @@ def __init__(self, message="Loading", **kwargs):
         self.message = ipw.Label(message)
         super().__init__(
             children=[
-                self.message,
-                ipw.HTML("<i class='fa fa-spinner fa-spin fa-2x fa-fw'></i>"),
+                ipw.Label(message),
+                ipw.HTML(
+                    value="<i class='fa fa-spinner fa-spin fa-2x fa-fw'/>",
+                    layout=ipw.Layout(margin="12px 0 6px"),
+                ),
             ],
+            layout=ipw.Layout(
+                justify_content="center",
+                align_items="center",
+                **kwargs.pop("layout", {}),
+            ),
             **kwargs,
         )
         self.add_class("loading")