Update app.py

app.py

@@ -251,6 +251,33 @@ css = """
     overflow: auto; 
     border: 1px solid #ccc; 
     }
+    .submit-btn {  
+    display: flex;  
+    width: 100%;  
+    gap: 10px;  
+    } 
+    
+    .vote-container {  
+        display: flex;  
+        width: 100%;  
+        gap: 10px;  
+    }  
+    
+    .vote-buttons {  
+        display: flex;  
+        width: 100%;  
+        gap: 10px;  
+    }  
+    
+    .vote-btn {  
+        display: flex;  
+        width: 100%; 
+        gap: 10px;
+    }  
+    
+    .vote-content {  
+        flex: 3;  
+    }
     /* Style for the upvote button */
     .upvote-button {
         width: 500px; /* Set button width */
@@ -284,20 +311,24 @@ 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("👍")
+        # 投票按钮和内容的容器  
+        with gr.Row(elem_classes=["vote-container"]):  
+            # 投票按钮组 
             with gr.Column():
-                downvote_button = gr.Button("👎")
+                with gr.Row():
+                    with gr.Column():
+                        upvote_button = gr.Button("👍", elem_classes=["vote-btn"])
+                    with gr.Column():
+                        downvote_button = gr.Button("👎", elem_classes=["vote-btn"])  
+            
             with gr.Column():
                 vote_markdown = gr.Markdown(label="Output")
-            with gr.Column():
-                vote_temp = gr.Markdown()
+
         with gr.Row():
             inputs = gr.Textbox(type="text", label="Your feedback")
             feedback_markdown = gr.Markdown(label="Output")