Fix style

edan-bainglass · Jan 14, 2025 · 140d204 · 140d204
1 parent a840676
commit 140d204
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/src/aiidalab_qe/app/result/components/status/status.py b/src/aiidalab_qe/app/result/components/status/status.py
@@ -66,7 +66,9 @@ def _render(self):
         self.to_advanced_view_button.on_click(self._switch_to_advanced_view)
 
         simplified_tree_container = ipw.VBox(
-            children=[self.simplified_process_tree],
+            children=[
+                self.simplified_process_tree,
+            ],
         )
 
         simplified_tree_node_view_container = ipw.VBox(

diff --git a/src/aiidalab_qe/app/static/styles/status.css b/src/aiidalab_qe/app/static/styles/status.css
@@ -21,6 +21,14 @@
   }
 }
 
+.simplified-view .widget-button {
+  min-height: 28px;
+}
+
+.filename-display {
+  min-height: 32px;
+}
+
 /* Process tree */
 
 .rolling-output {
@@ -50,10 +58,6 @@
   line-height: 1.5;
 }
 
-.simplified-process-tree .widget-button {
-  height: fit-content;
-}
-
 .simplified-process-tree .tree-node-toggle:focus:enabled,
 .simplified-process-tree .tree-node-toggle:hover:enabled,
 .simplified-process-tree .tree-node-toggle:active:enabled,
@@ -96,6 +100,7 @@
 
 .simplified-process-tree .calculation-link {
   color: var(--color-link);
+  margin: 0 2px;
 }
 
 .simplified-process-tree .calculation-link:hover:enabled,

diff --git a/src/aiidalab_qe/common/widgets.py b/src/aiidalab_qe/common/widgets.py
@@ -159,6 +159,7 @@ def __init__(self, max_width=None, **kwargs):
         self.max_width = max_width
         self._html = ipw.HTML()
         super().__init__([self._html], **kwargs)
+        self.add_class("filename-display")
 
     @traitlets.observe("value")
     def _observe_filename(self, change):