Update app.py

app.py

@@ -244,28 +244,12 @@ css = """
     overflow: auto; 
     border: 1px solid #ccc; 
     }
-    /* Style for the upvote button */
-    .warning {  
-        width: 100%;  
-        max-width: 300px;  
-        margin: 0 auto;  
-    }  
-    .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 */
-    }
+    /* Style for the upvote button */ 
+    .upvote-button, .downvote-button, .submit-btn {  
+    flex: 1; /* Allow buttons to grow equally */  
+    margin: 0 5px; /* Add some margin for spacing */  
+    max-width: calc(50% - 10px); /* Ensure they are half width minus margin */  
+}
     .feedback {
         width: 40px; /* Set button width */
         height: 40px; /* Set button height */
@@ -282,16 +266,16 @@ with gr.Blocks(css=css) as demo:
             with gr.Column():
                 input_protein = gr.Textbox(type="text", label="Upload sequence")
                 prompt = gr.Textbox(type="text", label="Taxonomy Prompt (Optional)")
-                submit_btn = gr.Button(value="Submit")
+                submit_btn = gr.Button(value="Submit", elem_classes=["submit-btn"])
             with gr.Column():
                 # output_text = gr.Textbox(label="Output Text")
                 with gr.Accordion('Prediction:', open=True):
                     output_markdown = gr.Markdown(label="Output")
         with gr.Row():
-            with gr.Column():
-                upvote_button = gr.Button("👍", elem_classes=["warning"])
-            with gr.Column():
-                downvote_button = gr.Button("👎", elem_classes=["warning"])
+            # with gr.Column():
+            upvote_button = gr.Button("👍", elem_classes=["upvote-button"])
+            # with gr.Column():
+            downvote_button = gr.Button("👎", elem_classes=["downvote-button"])
             with gr.Column():
                 vote_markdown = gr.Markdown(label="Output")
             with gr.Column():