Update app.py

app.py

@@ -47,13 +47,24 @@ def load_custom_css():
                 border-bottom: 3px solid #1E3A8A; /* Keep a blue line for a clean design */
             }
             
-            h3, h4 {
-                color: #ff0000; /* Black sub-headers */
+            /* Specific styling for the system status and about system headers */
+            h3 {
+                color: #ff0015 !important; /* Default color for all h3 elements */
                 font-weight: 600 !important;
-                font-size: 1.6rem !important; /* Increase font size for sub-headers */
+                font-size: 1.6rem !important;
                 margin-top: 1.5rem !important;
             }
             
+            div.status-header {
+                color: #1E3A8A !important; /* Change the text color for status section */
+                font-size: 1.4rem !important; /* Adjust font size if necessary */
+            }
+            
+            div.about-header {
+                color: #ff0015 !important; /* Change the text color for about section */
+                font-size: 1.4rem !important; /* Adjust font size if necessary */
+            }
+            
             /* Paragraphs and text */
             p, span, li {
                 font-size: 1.2rem !important; /* Larger font size for regular text */
@@ -203,7 +214,7 @@ def save_feedback_to_json():
 def add_feedback(query: str, answer: str, is_correct: bool):
     """Add feedback entry to session state and save to JSON and GitHub"""
     feedback_entry = {
-        "timestamp": datetime.now().isoformat(),
+        "timestamp": (datetime.now() + timedelta(hours=7)).isoformat(),
         "query": query,
         "answer": answer,
         "is_correct": is_correct
@@ -382,12 +393,10 @@ def main():
     with info_col:
         # Enhanced system information section
         st.markdown("""
-            <div style="background-color: #F9FAFB; padding: 1.5rem; border-radius: 12px; margin-bottom: 2rem;">
+            <div class="about-header">
                 <h3>ℹ️ เกี่ยวกับระบบ</h3>
-                <p style="color: #ff0015;">
-                    ระบบนี้ใช้เทคโนโลยี <strong>RAG (Retrieval-Augmented Generation)</strong> 
-                    ในการค้นหาและตอบคำถามเกี่ยวกับปฏิทินการศึกษา
-                </p>
+                <p>ระบบนี้ใช้เทคโนโลยี <strong>RAG (Retrieval-Augmented Generation)</strong> 
+                ในการค้นหาและตอบคำถามเกี่ยวกับปฏิทินการศึกษา</p>
                 <h4 style="color: #1E3A8A; margin-top: 1rem;">สามารถสอบถามข้อมูลเกี่ยวกับ:</h4>
                 <ul style="list-style-type: none; padding-left: 0;">
                     <li>📅 กำหนดการต่างๆ ในปฏิทินการศึกษา</li>
@@ -401,16 +410,14 @@ def main():
         
         # Enhanced system status section
         st.markdown("""
-            <div style="background-color: #f9fafb; padding: 1.5rem; border-radius: 12px;">
+            <div class="status-header">
                 <h3>🔄 สถานะระบบ</h3>
-                <div style="margin-top: 1rem;">
-                    <p><strong>⏰ เวลาปัจจุบัน:</strong><br>
-                    {}</p>
-                    <p><strong>📡 สถานะระบบ:</strong><br>
-                    <span class="status-indicator {}">
-                        {} {}
-                    </span></p>
-                </div>
+                <p><strong>⏰ เวลาปัจจุบัน:</strong><br>
+                {}</p>
+                <p><strong>📡 สถานะระบบ:</strong><br>
+                <span class="status-indicator {}">
+                    {} {}
+                </span></p>
             </div>
         """.format(
             (datetime.now() + timedelta(hours=7)).strftime('%Y-%m-%d %H:%M:%S'),