diff --git a/public/app.js b/public/app.js
index bcb1f1c..d12ecfb 100644
--- a/public/app.js
+++ b/public/app.js
@@ -56,7 +56,7 @@ If it’s not the right fit, no worries — we’ll refund you 💸.
function appendMessage(text, sender) {
const msg = document.createElement('div');
- msg.classList.add('mywidget-message', sender === 'user' ? 'user' : 'bot');
+ msg.classList.add('cw-message', sender === 'user' ? 'user' : 'bot');
msg.innerHTML = text;
chatMessages.appendChild(msg);
diff --git a/public/index.html b/public/index.html
index d0cf4a3..669efa9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -142,6 +142,7 @@
}
}
+
@@ -338,7 +339,10 @@
diff --git a/public/style.css b/public/style.css
index 7e60fae..4a5205a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -243,6 +243,18 @@ footer {
color: #fff;
font-size: 0.9rem;
}
+
+footer a {
+ color: #fff;
+ margin: 0 5px;
+ font-size: 1.2rem;
+ text-decoration: none;
+}
+
+footer a:hover {
+ color: #0070c0;
+}
+
.hero-list {
list-style: none;
text-align: left;
@@ -408,13 +420,13 @@ footer {
white-space: pre-wrap;
}
.cw-message.user {
- background-color: #eaf4ff;
+ background-color: #DCF8C6;
color: #333;
margin-left: auto;
text-align: right;
}
.cw-message.bot {
- background-color: #f5f5f5;
+ background-color: #E0E0E0;
color: #333;
margin-right: auto;
text-align: left;