Update app.py

app.py

@@ -246,6 +246,31 @@ css = """
   }
 """
 
+css = """
+    #output {
+    height: 500px; 
+    overflow: auto; 
+    border: 1px solid #ccc; 
+    }
+    /* Style for the upvote button */
+    .upvote-button {
+        width: 500px; /* Set button width */
+        height: 50px; /* Set button height */
+        font-size: 20px; /* Set font size */
+        background-color: #d4edda; /* Set background color */
+        border-radius: 5px; /* Rounded corners */
+    }
+    
+    /* Style for the downvote button */
+    .downvote-button {
+        width: 50px; /* Set button width */
+        height: 50px; /* Set button height */
+        font-size: 20px; /* Set font size */
+        background-color: #f8d7da; /* Set background color */
+        border-radius: 5px; /* Rounded corners */
+}
+"""
+
 with gr.Blocks(css=css) as demo:
     gr.Markdown(description)
     vote_id = gr.State(0)
@@ -259,8 +284,10 @@ with gr.Blocks(css=css) as demo:
                 # output_text = gr.Textbox(label="Output Text")
                 with gr.Accordion('Prediction:', open=True):
                     output_markdown = gr.Markdown(label="Output")
-            upvote_button = gr.Button("👍")
-            downvote_button = gr.Button("👎")
+        with gr.Row():
+            upvote_button = gr.Button("👍", elem_classes="upvote-button")
+            downvote_button = gr.Button("👎", elem_classes="downvote-button")
+            vote_markdown = gr.Markdown(label="Output")
 
             with gr.Column():
                 inputs = gr.Textbox(type="text")
@@ -283,9 +310,12 @@ with gr.Blocks(css=css) as demo:
             label='Try examples'
         )
         submit_btn.click(generate_caption, [input_protein, prompt], [output_markdown])
-        upvote_button.click(upvote, vote_id, None)
-        downvote_button.click(downvote, vote_id, None)
+        upvote_button.click(upvote, vote_id, vote_markdown)
+        downvote_button.click(downvote, vote_id, vote_markdown)
         feedback_btn.click(save_feedback, [inputs], [feedback_markdown])
 
 demo.launch(debug=True)
 
+
+demo.launch(debug=True)
+