Update app.py

app.py

@@ -284,7 +284,7 @@ with gr.Blocks() as interface:
             
             gr.Markdown(" ") # A simple blank markdown can create space
     
-            with gr.Group(visible=True, elem_id="nps-overlay") as nps_modal:
+            #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?")
@@ -303,9 +303,13 @@ with gr.Blocks() as interface:
                 #         gr.Markdown("Extremely likely")
         
                 #     nps_submit = gr.Button("Submit", elem_id="nps-submit-button")
+                #    nps_output = gr.Textbox(label="", interactive=False, visible=True)
+
+            with gr.Group(visible=True, elem_id="nps-overlay") as nps_modal:
                 with gr.Group(elem_id="nps-container"):
                     gr.Markdown("### How likely are you to recommend this tool to a colleague or peer?")
-                    
+            
+                    # Score options (0-10)
                     nps_radio = gr.Radio(
                         choices=[str(i) for i in range(11)],
                         label="Select score:",
@@ -313,20 +317,21 @@ with gr.Blocks() as interface:
                         container=False,
                         elem_id="nps-radio-container"
                     )
-                        
-                    # This Row contains three elements to force the alignment
+            
+                    # Row with labels on each side
                     with gr.Row():
-                        # 1. Left Label
-                        gr.Markdown("Not likely", scale=1)
-                        
-                        # 2. Invisible spacer that expands
-                        gr.Markdown("", scale=8) 
-                        
-                        # 3. Right Label, aligned to the right
-                        gr.Markdown("Extremely likely", scale=1, text_align="right")
-                        
+                        with gr.Column(scale=1, min_width=0):
+                            gr.Markdown("Not likely", elem_classes="nps-label-left")
+            
+                        with gr.Column(scale=8, min_width=0):
+                            gr.Markdown("")  # spacer (optional)
+            
+                        with gr.Column(scale=1, min_width=0):
+                            gr.Markdown("Extremely likely", elem_classes="nps-label-right")
+            
                     nps_submit = gr.Button("Submit", elem_id="nps-submit-button")
-                    nps_output = gr.Textbox(label="", interactive=False, visible=True)  
+                    nps_output = gr.Textbox(label="", interactive=False, visible=True)
+
             gr.Markdown(" ") # A simple blank markdown can create space
             
             progress_box = gr.Textbox(label="Live Processing Log", lines=20, interactive=False)