Update app.py

app.py

@@ -275,20 +275,44 @@ def add_custom_css():
         """,
         unsafe_allow_html=True
     )
-# 2250
+
+##
 # def display_question(question, answers):
 #     """Display question and options with LaTeX formatting"""
 #     st.markdown('<div class="problem-header">Problem:</div>', unsafe_allow_html=True)
 #     display_math_content(question)
     
-#     col1, col2 = st.columns(2)
-#     for i, (col, opt) in enumerate([(col1, 'A'), (col1, 'C'), (col2, 'B'), (col2, 'D')]):
-#         with col:
-#             st.markdown(f"### {opt})")
-#             display_option_content(answers[opt])
-#             if st.button("선택", key=f"btn_{opt}"):
-#                 handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
-#                 st.rerun()
+#     # Add custom CSS for options
+#     st.markdown("""
+#         <style>
+#         .option-container {
+#             background-color: #f0f8ff;
+#             padding: 10px 20px;
+#             margin: 5px 0;
+#             border-radius: 5px;
+#             cursor: pointer;
+#             display: flex;
+#             align-items: center;
+#             gap: 20px;
+#         }
+#         .option-text {
+#             color: #0066ff;
+#             font-weight: 500;
+#             width: 30px;
+#         }
+#         </style>
+#     """, unsafe_allow_html=True)
+    
+#     # Display options
+#     for opt in ['A', 'B', 'C', 'D']:
+#         with st.container():
+#             col1, col2 = st.columns([1, 11])
+#             with col1:
+#                 if st.button(f"{opt}.", key=f"btn_{opt}", help="Click to select"):
+#                     handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
+#                     st.rerun()
+#             with col2:
+#                 display_option_content(answers[opt])
 
 def display_question(question, answers):
     """Display question and options with LaTeX formatting"""
@@ -298,34 +322,31 @@ def display_question(question, answers):
     # Add custom CSS for options
     st.markdown("""
         <style>
-        .option-container {
-            background-color: #f0f8ff;
-            padding: 10px 20px;
+        .option-button {
+            width: 100%;
+            text-align: left;
             margin: 5px 0;
+            padding: 10px;
+            background-color: #f0f8ff;
+            border: none;
             border-radius: 5px;
             cursor: pointer;
-            display: flex;
-            align-items: center;
-            gap: 20px;
         }
-        .option-text {
-            color: #0066ff;
-            font-weight: 500;
-            width: 30px;
+        .option-button:hover {
+            background-color: #e6f3ff;
         }
         </style>
     """, unsafe_allow_html=True)
     
-    # Display options
+    # Display each option
     for opt in ['A', 'B', 'C', 'D']:
-        with st.container():
-            col1, col2 = st.columns([1, 11])
-            with col1:
-                if st.button(f"{opt}.", key=f"btn_{opt}", help="Click to select"):
-                    handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
-                    st.rerun()
-            with col2:
-                display_option_content(answers[opt])
+        col1, col2 = st.columns([1, 11])
+        with col1:
+            if st.button(opt, key=f"btn_{opt}"):
+                handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
+                st.rerun()
+        with col2:
+            st.markdown(f'<div class="option-container">{answers[opt]}</div>', unsafe_allow_html=True)
 
 def display_option_content(option_text):
     """Process and display option content with LaTeX formatting"""
@@ -334,25 +355,41 @@ def display_option_content(option_text):
     st.markdown(f'<div class="math-container">{formatted_content}</div>', unsafe_allow_html=True)
 
 # 추가
+# def update_similar_question_display(new_question, i, answered=False):
+#     """Display similar question and its options"""
+#     display_math_content(new_question['question'])
+    
+#     # Display options
+#     for opt in ['A', 'B', 'C', 'D']:
+#         with st.container():
+#             col1, col2 = st.columns([1, 11])
+#             with col1:
+#                 if st.button(f"{opt}.", key=f"sim_btn_{opt}_{i}", help="Click to select"):
+#                     if not answered:
+#                         st.session_state[f"similar_question_answered_{i}"] = True
+#                         st.session_state[f"selected_answer_{i}"] = opt
+#                         correct_answer = st.session_state.get('current_similar_question_answer')
+#                         st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
+#                         st.rerun()
+#             with col2:
+#                 display_option_content(new_question['choices'][opt])
 def update_similar_question_display(new_question, i, answered=False):
     """Display similar question and its options"""
     display_math_content(new_question['question'])
+    st.write("**보기:**")
     
-    # Display options
     for opt in ['A', 'B', 'C', 'D']:
-        with st.container():
-            col1, col2 = st.columns([1, 11])
-            with col1:
-                if st.button(f"{opt}.", key=f"sim_btn_{opt}_{i}", help="Click to select"):
-                    if not answered:
-                        st.session_state[f"similar_question_answered_{i}"] = True
-                        st.session_state[f"selected_answer_{i}"] = opt
-                        correct_answer = st.session_state.get('current_similar_question_answer')
-                        st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
-                        st.rerun()
-            with col2:
-                display_option_content(new_question['choices'][opt])
-
+        col1, col2 = st.columns([1, 11])
+        with col1:
+            if not answered:
+                if st.button(opt, key=f"sim_btn_{opt}_{i}"):
+                    st.session_state[f"similar_question_answered_{i}"] = True
+                    st.session_state[f"selected_answer_{i}"] = opt
+                    correct_answer = st.session_state.get('current_similar_question_answer')
+                    st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
+                    st.rerun()
+        with col2:
+            display_option_content(new_question['choices'][opt])
 def main():
     """메인 애플리케이션 로직"""
     st.title("MisconcepTutor")