From 7c8c475c3a92be44487550dc136fbfc1863cb39c Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Sat, 20 Jan 2024 00:49:22 +0530
Subject: [PATCH] Add round border, hover color to starter questions in web,
 desktop apps

---
 src/interface/desktop/chat.html  | 5 ++++-
 src/khoj/interface/web/chat.html | 3 +++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html
index 10034385..9fe4d14b 100644
--- a/src/interface/desktop/chat.html
+++ b/src/interface/desktop/chat.html
@@ -1015,7 +1015,7 @@
             background: var(--background-color);
             color: var(--main-text-color);
             border: 1px solid var(--main-text-color);
-            border-radius: 5px;
+            border-radius: 16px;
             padding: 5px;
             font-size: 14px;
             font-weight: 300;
@@ -1027,6 +1027,9 @@
             transition: max-height 0.3s ease-in-out;
             overflow: hidden;
         }
+        button.question-starter:hover {
+            background: var(--primary-hover);
+        }
 
         code.chat-response {
             background: var(--primary-hover);
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 14fb6057..f371e00b 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -823,6 +823,9 @@ To get started, just start typing below. You can also type / to see a list of co
             transition: max-height 0.3s ease-in-out;
             overflow: hidden;
         }
+        button.question-starter:hover {
+            background: var(--primary-hover);
+        }
 
         button.reference-button {
             background: var(--background-color);