Update LLMInsights.py

LLMInsights.py

@@ -173,15 +173,18 @@ def rag_response(response):
 
     #st.markdown(".stTextInput > label {font-size:105%; font-weight:bold; color:blue;} ",unsafe_allow_html=True) #for all text-input label sections
     
-    question_title = '<h1 style="color:#33ff33;font-size:24px;">Question</h1>'
-    
-
-
+   
     st.markdown('<h1 style="color:#100170;font-size:48px;text-align:center;">RAG Response</h1>', unsafe_allow_html=True)
-    st.markdown('<h1 style="color:#100170;font-size:24px;">Question</h1>', unsafe_allow_html=True)
-    st.text_area(label="", value=response["query"], height=30)
-    st.markdown('<h1 style="color:#100170;font-size:24px;">RAG Output</h1>', unsafe_allow_html=True)
-    st.text_area(label="", value=response["result"])
+    
+    question_title = '<h2 style="color:#33ff33;font-size:24px;">Question</h2>'
+    question = f"<div style='background-color:#f0f0f0; padding:10px; border-radius:10px;'>{response['query']}</div>"
+    st.markdown(question_title, unsafe_allow_html=True)
+    st.markdown(question, unsafe_allow_html=True)
+    
+    rag_output_title = '<h2 style="color:#100170;font-size:24px;">RAG Output</h2>'
+    rag_output = f"<div style='background-color:#f0f0f0; padding:10px; border-radius:10px;'>{response['result']}</div>"
+    st.markdown(rag_output_title, unsafe_allow_html=True)
+    st.markdown(rag_output, unsafe_allow_html=True)
     # st.markdown('<h1 style="color:#100170;font-size:24px;">Augmented knowledge</h1>', unsafe_allow_html=True)
     # st.text_area(label="", value=response["source_documents"])