Update app.py

app.py

@@ -188,7 +188,7 @@ def gradio_interface():
                 """)
 
         # Main Interface
-        with gr.Tabs() as tabs:
+         with gr.Tabs() as tabs:
             with gr.TabItem("🎯 Experiment", id=0):
                 with gr.Row():
                     with gr.Column(scale=1):
@@ -265,24 +265,24 @@ def gradio_interface():
                             0.9, 0.8, 500, 300, "The end", None, False]
                         ]
 
-                        gr.Examples(
-                            examples=examples,
-                            inputs=[
-                                task, system_prompt, input_text, 
-                                temperature, top_p, max_tokens, 
-                                min_tokens, stop, random_seed, 
-                                safe_prompt
-                            ],
-                            outputs=[
-                                omn_response, ml_response, 
-                                large_sentiment, open_sentiment, 
-                                large_keywords, open_keywords, 
-                                large_readability, open_readability
-                            ],
-                            fn=run_inference_and_analysis,
-                            cache_examples=True,
-                            elem_classes="examples-style"
-                        )
+                        with gr.Box(elem_classes="examples-container"):
+                            gr.Examples(
+                                examples=examples,
+                                inputs=[
+                                    task, system_prompt, input_text, 
+                                    temperature, top_p, max_tokens, 
+                                    min_tokens, stop, random_seed, 
+                                    safe_prompt
+                                ],
+                                outputs=[
+                                    omn_response, ml_response, 
+                                    large_sentiment, open_sentiment, 
+                                    large_keywords, open_keywords, 
+                                    large_readability, open_readability
+                                ],
+                                fn=run_inference_and_analysis,
+                                cache_examples=True
+                            )
 
                         submit_btn = gr.Button(
                             "🚀 Run Analysis",
@@ -399,42 +399,32 @@ def gradio_interface():
         # Custom CSS
         gr.HTML("""
             <style>
-                .input-style {
-                    border: 1px solid #E5E7EB !important;
-                    border-radius: 8px !important;
-                    padding: 12px !important;
-                }
-                .output-style {
-                    background-color: #F9FAFB !important;
-                    border-radius: 8px !important;
-                    padding: 12px !important;
-                }
-                .table-style {
-                    border-collapse: collapse !important;
-                    width: 100% !important;
-                }
-                .table-style th {
-                    background-color: #F3F4F6 !important;
-                    padding: 12px !important;
-                }
-                .examples-style {
+                .examples-container {
                     margin: 20px 0;
                     padding: 15px;
                     border: 1px solid #E5E7EB;
                     border-radius: 8px;
                     background-color: white;
                 }
-                .examples-style .example-card {
+                .examples-container .gr-samples-table {
+                    border-collapse: separate;
+                    border-spacing: 0 8px;
+                }
+                .examples-container .gr-samples-table tr {
+                    background-color: #F9FAFB;
                     border: 1px solid #E5E7EB;
                     border-radius: 6px;
-                    padding: 12px;
-                    margin-bottom: 10px;
                     transition: all 0.2s;
                 }
-                .examples-style .example-card:hover {
+                .examples-container .gr-samples-table tr:hover {
+                    background-color: #F3F4F6;
                     border-color: #4F46E5;
                     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                 }
+                .examples-container .gr-samples-table td {
+                    padding: 12px;
+                    border: none;
+                }
             </style>
         """)