diff --git a/src/aiidalab_qe/app/result/components/status/status.py b/src/aiidalab_qe/app/result/components/status/status.py index 7f38c8b57..49d27c897 100644 --- 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 index e94d78b24..2dc17cc51 100644 --- 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 index 4bbe8e613..bb2273131 100644 --- 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):