Collapsible?

app.py

@@ -121,15 +121,26 @@ with gr.Blocks() as user_eval:
                     <style>
                     /* Style the button that is used to open and close the collapsible content */
                     .collapsible {
-                    background-color: #eee;
-                    color: #444;
-                    cursor: pointer;
-                    padding: 18px;
-                    width: 100%;
-                    border: none;
-                    text-align: left;
-                    outline: none;
-                    font-size: 15px;
+                        background-color: #eee;
+                        color: #444;
+                        cursor: pointer;
+                        padding: 18px;
+                        width: 100%;
+                        border: none;
+                        text-align: left;
+                        outline: none;
+                        font-size: 15px;
+                    }
+                    .collapsible:after {
+                        content: '\02795'; /* Unicode character for "plus" sign (+) */
+                        font-size: 13px;
+                        color: white;
+                        float: right;
+                        margin-left: 5px;
+                    }
+
+                    .active:after {
+                        content: "\2796"; /* Unicode character for "minus" sign (-) */
                     }
 
                     /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */