Update app.py

app.py

@@ -168,28 +168,28 @@ with gr.Blocks(css="""
     # 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.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);
-        ">
-            <h3>Step 1: Choose Interview Type</h3>
-            <p>Select the type of interview you want to practice.</p>
-        </div>
-        """)
-        with gr.Row():
+                <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")
 
-    # RIGHT SIDE: Bot response display (type_output)
-        with gr.Column(scale=1):
-            type_output = gr.Textbox(label="Bot Response", interactive=False)
+    with gr.Column(scale=1):
+        type_output = gr.Textbox(label="Bot Response", interactive=False)
+
 
 
     btn1.click(set_type, inputs=[gr.Textbox(value="Technical", visible=False), user_profile], outputs=[type_output, user_profile])