Update ui/components.py

ui/components.py

@@ -463,7 +463,52 @@ def get_custom_css():
             color: #a0a0a0;
         }
     }
-    
+
+
+    .quiz-result-output {
+    border: 1px solid #ccc;
+    background: #f9f9f9;
+    padding: 1rem;
+    border-radius: 10px;
+    margin-top: 1rem;
+    font-size: 1.05rem;
+    line-height: 1.6;
+}
+
+/* Quiz question blocks */
+.gr-markdown {
+    margin-bottom: 0.5rem;
+    font-size: 1.1rem;
+}
+
+/* Radio buttons */
+.gr-radio {
+    margin-bottom: 1.5rem;
+}
+
+/* Submit button spacing */
+button {
+    margin-top: 1rem;
+}
+
+/* Result highlights */
+.quiz-result-output strong {
+    color: #333;
+}
+.quiz-result-output .correct {
+    color: green;
+    font-weight: bold;
+}
+.quiz-result-output .incorrect {
+    color: red;
+    font-weight: bold;
+}
+
+/* Quiz summary at the top */
+.quiz-result-output h2, .quiz-result-output h3 {
+    margin-top: 1rem;
+    color: #1e40af;
+}
 
     """
     return css