Update app.py

app.py

@@ -113,7 +113,7 @@ def clear_memory():
         os.remove(MEMORY_FILE)
     return [], "🧹 Chat memory cleared! Start fresh."
 
-# 🖌 Custom CSS for dark theme and professional look (inspired by previous dark UI prototype)
+# 🖌 Custom CSS for dark theme and professional look, with file uploader as a symbol in the text area
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap');
 
@@ -203,10 +203,15 @@ body {
     margin: 8px 0; 
     box-shadow: 0 2px 6px rgba(0,0,0,0.3); 
 }
+.input-row { 
+    display: flex; 
+    align-items: center; 
+    gap: 10px; 
+}
 .chat-input { 
+    flex: 1; 
     border-radius: 10px; 
     padding: 12px; 
-    width: 100%; 
     border: 1px solid #555; 
     background: #2a2a2a; 
     color: #e0e0e0; 
@@ -216,6 +221,24 @@ body {
     border-color: #4CAF50; 
     outline: none; 
 }
+.file-upload { 
+    width: 40px; 
+    height: 40px; 
+    border: 1px solid #555; 
+    border-radius: 10px; 
+    background: #2a2a2a; 
+    color: #e0e0e0; 
+    display: flex; 
+    align-items: center; 
+    justify-content: center; 
+    cursor: pointer; 
+    transition: background 0.3s; 
+    font-size: 18px; 
+}
+.file-upload:hover { 
+    background: #4CAF50; 
+    color: #1e1e1e; 
+}
 .btn-send { 
     background: #4CAF50; 
     color: #1e1e1e; 
@@ -242,18 +265,6 @@ body {
 .btn-clear:hover { 
     background: #d32f2f; 
 }
-.file-upload { 
-    border: 2px dashed #4CAF50; 
-    border-radius: 10px; 
-    padding: 15px; 
-    text-align: center; 
-    background: #2a2a2a; 
-    color: #e0e0e0; 
-    transition: border-color 0.3s; 
-}
-.file-upload:hover { 
-    border-color: #45a049; 
-}
 .about-text { 
     font-size: 14px; 
     color: #aaa; 
@@ -267,7 +278,7 @@ body {
 }
 """
 
-# 🎨 Gradio Interface with dark theme and professional styling
+# 🎨 Gradio Interface with dark theme and professional styling, file uploader as a symbol in the text area
 with gr.Blocks(theme=gr.themes.Base(), css=custom_css) as iface:  # Using Base theme for full custom control
     gr.Markdown("# 🎓 **EduAI — Your Professional Study Companion**", elem_classes="header-title")
 
@@ -321,9 +332,9 @@ with gr.Blocks(theme=gr.themes.Base(), css=custom_css) as iface:  # Using Base t
                 latex_delimiters=[{"left": "$$", "right": "$$", "display": True}, {"left": "\\[", "right": "\\]", "display": True}]
             )
 
-            with gr.Row():
-                msg = gr.Textbox(label="Ask EduAI:", placeholder="Type your question here...", elem_classes="chat-input")
-                file_input = gr.File(label="📂 Upload a study file", file_types=[".pdf", ".docx", ".png", ".jpg"], elem_classes="file-upload")
+            with gr.Row(elem_classes="input-row"):
+                msg = gr.Textbox(label="Ask EduAI:", placeholder="Type your question here...", elem_classes="chat-input", show_label=False)
+                file_input = gr.File(label="📎", file_types=[".pdf", ".docx", ".png", ".jpg"], elem_classes="file-upload", show_label=False)
                 send = gr.Button("Send ✈️", elem_classes="btn-send")
 
     # Event Handlers