Load CSS stylesheets in main notebook

qe.ipynb

@@ -24,6 +24,17 @@
         "load_profile();"
       ]
     },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {},
+      "outputs": [],
+      "source": [
+        "from aiidalab_widgets_base.utils.loaders import load_css\n",
+        "\n",
+        "load_css(css_path=\"src/aiidalab_qe/app/static/styles\")"
+      ]
+    },
     {
       "cell_type": "code",
       "execution_count": null,

src/aiidalab_qe/app/static/styles/README.md

@@ -0,0 +1,11 @@
+# Stylesheets for the Quantum ESPRESSO app
+
+This folder contains `css` stylesheets which may be loaded directly from the CSS folder using
+
+```python
+from aiidalab_widgets_base.utils.loaders import load_css_stylesheet
+
+load_css_stylesheet(package="aiidalab_qe.app.static.styles.css", filename="<stylesheet-name>.css")
+```
+
+If `filename` is not provided, all CSS stylesheets will be loaded from the `css` package.

src/aiidalab_qe/app/static/styles/custom.css

@@ -0,0 +1,3 @@
+.output_subarea {
+  max-width: none !important;
+}