Add icon button

app.py

@@ -135,7 +135,7 @@ with gr.Blocks(
                 user_message = gr.Textbox(label="User Message", lines=3, interactive=True, value=starting_test_case['user_message'], elem_classes=['input-box'])
                 assistant_message = gr.Textbox(label="Assistant Message", lines=3, interactive=True, visible=False, value=starting_test_case['assistant_message'], elem_classes=['input-box'])
 
-                submit_button = gr.Button("Evaluate", variant='primary') #,icon=os.path.join(os.path.dirname(os.path.abspath(__file__)), 'send.svg'))
+                submit_button = gr.Button("Evaluate", variant='primary',icon=os.path.join(os.path.dirname(os.path.abspath(__file__)), 'send-white.png'), elem_classes='submit-button')
                 
                 with gr.Column(elem_classes="result-container", visible=False) as result_container:
                     evaluation_results_label = gr.HTML("<span>Results</span>", elem_classes='result-title', visible=False)

styles.css

@@ -125,8 +125,9 @@
     gap: 0;
 }
 
-.submit-button::after {
-    content: url('./send--alt.svg');
+.submit-button {
+    flex-direction: row-reverse;
+    gap: 0.5rem;
 }
 
 .subtitle-harms {