Update app.py

app.py

@@ -286,22 +286,45 @@ with gr.Blocks() as interface:
     
             with gr.Group(visible=True, elem_id="nps-overlay") as nps_modal:
                 #with gr.Column(elem_id="nps-box"):
+                # with gr.Group(elem_id="nps-container"):
+                #     gr.Markdown("### How likely are you to recommend this tool to a colleague or peer?")
+                #     # # Use gr.Radio to create clickable buttons
+                #     with gr.Column(elem_id="nps-radio-container"):
+                #         nps_radio = gr.Radio(
+                #             choices=[str(i) for i in range(11)],
+                #             label="Select score:",
+                #             interactive=True,
+                #             container=False
+                #         )
+                    
+                #     # The "Not likely" and "Extremely likely" labels
+                #     with gr.Row(elem_id="nps-labels-row"):
+                #         gr.Markdown("Not likely")
+                #         gr.Markdown("Extremely likely")
+        
+                #     nps_submit = gr.Button("Submit", elem_id="nps-submit-button")
+                css = """
+                #nps-labels-row {
+                    display: flex;
+                    justify-content: space-between;
+                }
+                """
                 with gr.Group(elem_id="nps-container"):
                     gr.Markdown("### How likely are you to recommend this tool to a colleague or peer?")
-                    # # Use gr.Radio to create clickable buttons
-                    with gr.Column(elem_id="nps-radio-container"):
-                        nps_radio = gr.Radio(
-                            choices=[str(i) for i in range(11)],
-                            label="Select score:",
-                            interactive=True,
-                            container=False
-                        )
                     
-                    # The "Not likely" and "Extremely likely" labels
+                    nps_radio = gr.Radio(
+                        choices=[str(i) for i in range(11)],
+                        label="Select score:",
+                        interactive=True,
+                        container=False,
+                        elem_id="nps-radio-container" # Assigning elem_id for better styling if needed
+                    )
+                        
+                    # Use the elem_id that the CSS is targeting
                     with gr.Row(elem_id="nps-labels-row"):
                         gr.Markdown("Not likely")
                         gr.Markdown("Extremely likely")
-        
+                        
                     nps_submit = gr.Button("Submit", elem_id="nps-submit-button")
                     nps_output = gr.Textbox(label="", interactive=False, visible=True)  
             gr.Markdown(" ") # A simple blank markdown can create space
@@ -1175,8 +1198,8 @@ with gr.Blocks() as interface:
                   #       " text-overflow: clip;"   # disable ellipsis
                   #   )
                           
-                  if header in ["Sample ID", "Predicted Country", "Predicted Sample Type", "Time cost"]:
-                      style += " white-space: nowrap; text-overflow: ellipsis; max-width: 200px; overflow: hidden;"
+                  # if header in ["Sample ID", "Predicted Country", "Predicted Sample Type", "Time cost"]:
+                  #     style += " white-space: nowrap; text-overflow: ellipsis; max-width: 200px; overflow: hidden;"
     
                   # if header == "Sources" and isinstance(col, str) and col.strip().lower().startswith("http"):
                   #     col = f"<a href='{col}' target='_blank' style='color: #4ea1f3; text-decoration: underline;'>{col}</a>"