Update app.py

app.py

@@ -284,8 +284,8 @@ st.markdown("""
     color: #1a1a1a;
     padding: 2rem;
     border-radius: 20px;
-    margin: 1rem auto;
-    max-width: 900px;
+    margin: 1rem auto;              /* Changed: 0 to auto */
+    max-width: 900px;                /* Added this line */
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
     animation: fadeIn 0.5s ease;
     border-left: 5px solid #667eea;
@@ -294,9 +294,9 @@ st.markdown("""
 .result-card p {
     word-break: break-word;
     overflow-wrap: break-word;
-    max-height: 200px;
+    max-height: 200px;               /* Changed: 300px to 200px */
     overflow-y: auto;
-    line-height: 1.6;
+    line-height: 1.6;                /* Added this line */
 }
 
 /* FIXED: Scrollable container for keywords with proper visibility */
@@ -665,18 +665,18 @@ with tab3:
                         if len(sentences) == 0:
                             st.warning("⚠️ Could not extract sentences from the text")
                         else:
-                            questions = [f"What is the main concept in: '{s[:70]}...'?" for s in sentences if len(s) > 10]
+                            questions = [f"What is the main concept in: '{s[:70]}'?" for s in sentences if len(s) > 10]
                             
                             if questions:
-                                st.markdown('<div class="result-card">', unsafe_allow_html=True)
-                                st.markdown("<h4 style='color: #667eea;'>📝 Generated Quiz Questions</h4>", unsafe_allow_html=True)
-                                st.markdown('<div class="quiz-container">', unsafe_allow_html=True)
-                                for i, q in enumerate(questions, 1):
-                                    st.markdown(f"""
-                                    <div class='quiz-question-card'>
-                                        <strong>Question {i}:</strong> <span style='color: white;'>{q}</span>
-                                    </div>
-                                    """, unsafe_allow_html=True)
+    st.markdown("<h4 style='color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.3);'>📝 Generated Quiz Questions</h4>", unsafe_allow_html=True)
+    st.markdown('<div class="quiz-container">', unsafe_allow_html=True)
+    for i, q in enumerate(questions, 1):
+        st.markdown(f"""
+        <div class='quiz-question-card'>
+            <strong>Question {i}:</strong> <span style='color: white;'>{q}</span>
+        </div>
+        """, unsafe_allow_html=True)
+    st.markdown('</div>', unsafe_allow_html=True)
                                 st.markdown('</div></div>', unsafe_allow_html=True)
                                 st.session_state["quiz"] = questions
                             else: