From 036d1920de1bce3371db27b88f30b0bdd212b991 Mon Sep 17 00:00:00 2001
From: Trung Le <trungle@rta.vn>
Date: Thu, 12 Dec 2024 23:01:39 -0800
Subject: [PATCH] Update demo-when_empty.html

---
 html/demo-when_empty.html | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)
diff --git a/html/demo-when_empty.html b/html/demo-when_empty.html
index 0521b58..13a35da 100644
--- a/html/demo-when_empty.html
+++ b/html/demo-when_empty.html
@@ -3,7 +3,6 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>WhatsApp Icon</title>
 <style>
 :root {
   /* Main theme colors as shown in the UI */
@@ -21,19 +20,7 @@
   --color_theme_neutral_dark: #4B5563;  /* Dark gray text */
 }
 
-/* Test div to preview colors */
-.color-test {
-  width: 50px;
-  height: 50px;
-  margin: 5px;
-  border: 1px solid #ccc;
-}
 
-.primary { background-color: var(--color_theme_primary); }
-.secondary { background-color: var(--color_theme_secondary); }
-.accent { background-color: var(--color_theme_accent); }
-.success { background-color: var(--color_theme_success); }
-.danger { background-color: var(--color_theme_danger); }
 </style>
 </head>
 <body>
@@ -87,9 +74,12 @@
         <h3 style="color: var(--color_theme_text_primary); font-size: 20px; margin-bottom: 8px;">
             No Results Found
         </h3>
-        <p style="color: var(--color_theme_text_secondary); font-size: 14px;">
+        <p style="color: var(--color_theme_text_secondary); font-size: 14px; margin-bottom: 16px;">
             Try adjusting your search criteria
         </p>
+        <button style="background-color: var(--color_theme_primary); color: white; border: none; padding: 10px 20px; border-radius: 4px; font-size: 14px; cursor: pointer;">
+            Action Button
+        </button>
     </div>
 </div>
 
