Update app.py

app.py

@@ -271,10 +271,16 @@ def main():
             # Display chat history
             display_chat_history()
             
-            # Main query interface with enhanced styling
-            st.markdown("<br>", unsafe_allow_html=True)
+            # Add the styled label using st.markdown
+            st.markdown("""
+                <label for="query_input" style="font-size: 1.2rem; font-weight: bold; color: black;">
+                    โปรดระบุคำถามเกี่ยวกับ <span style="color: white; background-color: black; padding: 0 0.2rem;">ปฏิทินการศึกษา:</span>
+                </label>
+            """, unsafe_allow_html=True)
+            
+            # The input box without a label
             query = st.text_input(
-                "โปรดระบุคำถามเกี่ยวกับปฏิทินการศึกษา:",
+                "",
                 placeholder="เช่น: วันสุดท้ายของการสอบปากเปล่าในภาคเรียนที่ 1/2567 คือวันที่เท่าไร?",
                 key="query_input"
             )
@@ -326,7 +332,7 @@ def main():
         # Enhanced system information section
         st.markdown("""
             <div style="background-color: #F9FAFB; padding: 1.5rem; border-radius: 12px; margin-bottom: 2rem;">
-                <h3>ℹ️ เกี่ยวกับระบบ</h3>
+                <h3 style="color: #1E3A8A;">ℹ️ เกี่ยวกับระบบ</h3>
                 <p style="color: #ff0015;">
                     ระบบนี้ใช้เทคโนโลยี <strong>RAG (Retrieval-Augmented Generation)</strong> 
                     ในการค้นหาและตอบคำถามเกี่ยวกับปฏิทินการศึกษา
@@ -345,7 +351,7 @@ def main():
         # Enhanced system status section
         st.markdown("""
             <div style="background-color: #f9fafb; padding: 1.5rem; border-radius: 12px;">
-                <h3>🔄 สถานะระบบ</h3>
+                <h3 style="color: #1E3A8A;">🔄 สถานะระบบ</h3>
                 <div style="margin-top: 1rem;">
                     <p><strong>⏰ เวลาปัจจุบัน:</strong><br>
                     {}</p>