add application files

app.py

@@ -47,26 +47,25 @@ with gr.Blocks(css=custom_css) as interface:
     </div>
     """)
     
-    with gr.Column():  # Replacing Box() with Column()
-        chatbot = gr.Chatbot(label="🧑‍⚖️ Legal Chatbot Assistant 🧑‍⚖️", elem_classes=["chatbox"]).style(height=400)
+    # Organize the chatbot area in a column for vertical stacking
+    with gr.Column():
+        chatbot = gr.Chatbot(label="🧑‍⚖️ Legal Chatbot Assistant 🧑‍⚖️", height=400, elem_classes=["chatbox"])
     
-    # Customize the input box and button area with emojis
+    # Use Row to align input and button horizontally
     with gr.Row():
-        user_input = gr.Textbox(show_label=False, placeholder="Enter your law question here... ⚖️", elem_classes=["inputbox"]).style(
-            container=True, border_color="#4a90e2", rounded=True, background_color="#f1f3f4", font_size="16px"
-        )
-        send_button = gr.Button("📤 Send", variant="primary").style(
-            padding="10px 20px", background_color="#4a90e2", color="white", rounded=True
-        )
+        user_input = gr.Textbox(show_label=False, placeholder="Enter your law question here... ⚖️", rounded=True, container=True)
+        send_button = gr.Button("📤 Send", full_width=False, rounded=True)
     
-    # Chat update function
+    # Chat update function to append new messages to the chatbot
     def chat_update(user_message, history):
         history = history or []
         bot_reply = chatbot_interface(user_message)
         history.append((user_message, bot_reply))
         return history, ""
 
+    # Connect the button click to the chat update function
     send_button.click(chat_update, [user_input, chatbot], [chatbot, user_input])
 
-# Launch the Gradio interface with more appealing design and emojis
-interface.launch()
+# Launch the Gradio interface with a public shareable link
+interface.launch()
+