Some style changes.

Author: atomicgamedeveloper

index.html

@@ -18,11 +18,12 @@
         <div id="chat-history">
         </div>
         <div id="user-input-section">
-            <input type="text" id="text-input-box" placeholder="Write your event description here...">
+            <textarea id="text-input-box" placeholder="Write your event description here..." rows="4"
+                cols="50"></textarea>
         </div>
     </div>
-    <script src="calendar.js"></script>
-    <script src="interaction.js"></script>
+    <script type="module" src="calendar.js"></script>
+    <script type="module" src="interaction.js"></script>
 </body>
 
 </html>

styles.css

@@ -28,5 +28,10 @@ p {
 #text-input-box {
     height: 100px;
     width: 100%;
+    display: block;
+    line-height: 1.5;
+    border: 1px solid #ccc;
+    border-radius: 4px;
     border: 10px;
+    resize: vertical;
 }