diff --git a/app/website/index.html b/app/website/index.html
index a03369a..fd97afb 100644
--- a/app/website/index.html
+++ b/app/website/index.html
@@ -12,7 +12,7 @@
-
+
Response will appear here.
diff --git a/app/website/static/script.js b/app/website/static/script.js
index ec2793a..891ad5e 100644
--- a/app/website/static/script.js
+++ b/app/website/static/script.js
@@ -1,5 +1,6 @@
document.addEventListener("DOMContentLoaded", () => {
const responseArea = document.getElementById('response-area');
+ const responseSection = document.getElementById('response-section');
const submitButton = document.getElementById('submit');
const urlForm = document.getElementById('url-form');
const urlBox = document.getElementById('url_box');
@@ -67,7 +68,7 @@ document.addEventListener("DOMContentLoaded", () => {
}
const chunk = decoder.decode(value, { stream: true });
responseArea.innerHTML += chunk;
- responseArea.scrollTop = responseArea.scrollHeight;
+ responseSection.scrollTop = responseSection.scrollHeight
readStream();
}).catch(error => {
console.error('Error reading stream:', error);
diff --git a/app/website/static/style.css b/app/website/static/style.css
index 541c0d4..5d3c6c5 100644
--- a/app/website/static/style.css
+++ b/app/website/static/style.css
@@ -33,7 +33,7 @@ body {
overflow: hidden;
}
-.response-section {
+#response-section {
flex: 1;
padding: 20px;
background-color: #1E1E1E;