Update index.html

wigo4it · Apr 12, 2024 · 719d77f · 719d77f
1 parent d6fad55
commit 719d77f
Showing 1 changed file with 12 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -13,10 +13,11 @@
     html,
 
     body {
-        min-height: 98vh;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-end;
+        height: 100%;
+    }
+
+    body {
+        margin: 0;
     }
 
     #webchat {
@@ -71,29 +72,23 @@
 
             document.querySelector('#webchat > *').focus();
 
-            // Create a container for the input box and the send button
-            const container = document.createElement('div');
-            container.style.display = 'flex';
-            container.style.justifyContent = 'flex-start'; // Align the children to the start (left)
-            container.style.alignItems = 'center';
-            container.style.marginBottom = '2vh'; // Move the container to the bottom
-            document.body.appendChild(container);
-
             // Create a custom input box
             const inputBox = document.createElement('input');
             inputBox.type = 'text';
             inputBox.id = 'customInputBox';
-            inputBox.style.width = '20vh'; // Set the width
-            inputBox.style.height = '2vh'; // Set the height
-            inputBox.style.marginLeft = '2vh'; // Move the box to the right
-            container.appendChild(inputBox); // Append the input box to the container
+            inputBox.style.width = 'auto%'; // Set the width
+            inputBox.style.height = '30px'; // Set the height
+            inputBox.style.marginLeft = '20px'; // Move the box to the right
+            inputBox.style.marginBottom = '20px';; // Move the box to the bottom
+            document.body.appendChild(inputBox);
+
 
             // Create a send button
             const sendButton = document.createElement('button');
             sendButton.id = 'customSendButton';
             sendButton.textContent = 'Vraag tattaTeun';
             sendButton.style.marginLeft = '10px'; // Move the button to the right
-            container.appendChild(sendButton); // Append the send button to the container
+            document.body.appendChild(sendButton);
 
             // Function to handle sending the message
             function sendMessage() {