Update app.py

app.py

@@ -167,27 +167,28 @@ with gr.Blocks(css="""
     #     btn3 = gr.Button("Case")
     # type_output = gr.Textbox(label="Bot response", interactive=False)
     with gr.Row():
-
+    
+        # LEFT SIDE: Transparent box with interview type buttons
         with gr.Column(scale=1.5):
-            with gr.Group():
-                gr.Markdown("""
-                    <div style="
-                        background: rgba(255, 255, 255, 0.1); 
-                        padding: 20px; 
-                        border-radius: 15px; 
-                        backdrop-filter: blur(5px); 
-                        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
-                        text-align: center;
-                    ">
-                        <h3>Step 1: Choose Interview Type</h3>
-                        <p>Select the type of interview you want to practice.</p>
-                    </div>
-                """)
-                btn1 = gr.Button("Technical")
-                btn2 = gr.Button("Competency-Based Interview")
-                btn3 = gr.Button("Case")
+            gr.Markdown("""
+                <div style="
+                    background: rgba(255, 255, 255, 0.1); 
+                    padding: 20px; 
+                    border-radius: 15px; 
+                    backdrop-filter: blur(5px); 
+                    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
+                ">
+                    <h3>Step 1: Choose Interview Type</h3>
+                    <p>Select the type of interview you want to practice.</p>
+                </div>
+            """)
+            
+            btn1 = gr.Button("Technical")
+            btn2 = gr.Button("Competency-Based Interview")
+            btn3 = gr.Button("Case")
     
-        with gr.Column(scale=1):
+        # RIGHT SIDE: Bot response display (type_output)
+        with gr.Column(scale=2):
             type_output = gr.Textbox(label="Bot Response", interactive=False)