Update index.html

index.html

@@ -10,7 +10,8 @@
     /* Add some basic styling to make the output look prettier */
     body {
       font-family: Arial, sans-serif;
-      margin: 20px;
+      margin: 0;
+      padding: 0;
       background-color: #f0f0f0;
     }
 
@@ -26,14 +27,47 @@
 
     h1 {
       color: #00698f;
+      font-size: 36px;
+      margin-bottom: 10px;
     }
 
     section {
       margin-bottom: 20px;
+      padding: 20px;
+      background-color: #f9f9f9;
+      border: 1px solid #ddd;
+      border-radius: 10px;
+    }
+
+    section h2 {
+      margin-top: 0;
     }
 
    .download-container {
       margin-top: 10px;
+      display: flex;
+      align-items: center;
+    }
+
+   .download-container select {
+      width: 70%;
+      padding: 10px;
+      border: 1px solid #ddd;
+      border-radius: 10px;
+    }
+
+   .download-container button {
+      width: 30%;
+      padding: 10px;
+      background-color: #4CAF50;
+      color: #fff;
+      border: none;
+      border-radius: 10px;
+      cursor: pointer;
+    }
+
+   .download-container button:hover {
+      background-color: #3e8e41;
     }
 
    .chat-container {
@@ -45,6 +79,8 @@
       border: 1px solid #ddd;
       border-radius: 10px;
       background-color: #f9f9f9;
+      height: 300px;
+      overflow-y: auto;
     }
 
    .chat-input-container {
@@ -114,9 +150,4 @@
           </div>
         </div>
       </div>
-    </section>
-  </main>
-
-  <script src="./dist/index.js" type="module"></script>
-</body>
-</html>
+    </section>