From f5ca2f16661bf296e0e82cb2caf31051cf5f2cf1 Mon Sep 17 00:00:00 2001
From: Jusong Yu <jusong.yeu@gmail.com>
Date: Thu, 15 Feb 2024 22:49:57 +0000
Subject: [PATCH] format HTML code tag

---
 aiidalab_widgets_base/databases.py | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/aiidalab_widgets_base/databases.py b/aiidalab_widgets_base/databases.py
index 4f34f0f06..20c537303 100644
--- a/aiidalab_widgets_base/databases.py
+++ b/aiidalab_widgets_base/databases.py
@@ -161,8 +161,12 @@ def __init__(
         except ImportError:
             super().__init__(
                 [
-                    ipw.HTML(
-                        "This widget requires the `optimade-client` package to be installed."
+                    ipw.HTML("""
+                        <div style="margin: 10px 0; padding: 10px; background-color: #ffcc00; color: black; border-left: 6px solid #ffeb3b;">
+                            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+                            &nbsp;This widget requires the <code>optimade-client</code> package to be installed. 
+                            Please run <code>pip install optimade-client</code> to install the missing package.
+                        </div>"""
                     )
                 ]
             )