Clarify raw data / archive download message

src/aiidalab_qe/app/result/components/summary/download_data.py

@@ -83,14 +83,14 @@ def _download_data(self, button_instance):
         Args:
             button_instance (ipywidgets.Button): The button instance that was clicked.
         """
-        self._disable_buttons()
         if "archive" in button_instance.description:
             what = "archive"
             filename = f"export_qeapp_calculation_pk_{self.node.pk}.aiida"
         else:
             what = "raw"
             filename = f"export_{self.node.pk}_raw.zip"
 
+        self._disable_buttons()
         self._show_downloading_message(what)
         data = self.produce_bitestream(self.node, what=what)
         self._download(payload=data, filename=filename)
@@ -99,7 +99,12 @@ def _download_data(self, button_instance):
         self._enable_buttons()
 
     def _show_downloading_message(self, what):
-        self._downloading_message.value = f"Downloading {what} data..."
+        self._downloading_message.value = f"""
+            <div style="display: flex; align-items: center; margin: 6px 0;">
+                Creating {what} data to download
+                <i class="fa fa-spinner fa-spin fa-2x fa-fw" style="margin-left: 4px;"></i>
+            </div>
+        """
 
     def _hide_downloading_message(self):
         self._downloading_message.value = ""

src/aiidalab_qe/common/widgets.py

@@ -980,7 +980,7 @@ def __init__(self, message="Loading", **kwargs):
         super().__init__(
             children=[
                 self.message,
-                ipw.HTML("<i class='fa fa-spinner fa-spin fa-2x fa-fw'/>"),
+                ipw.HTML("<i class='fa fa-spinner fa-spin fa-2x fa-fw'></i>"),
             ],
             **kwargs,
         )