Update app.py

app.py

@@ -42,25 +42,6 @@ def build_interface() -> gr.Blocks:
     * {
         font-family: 'Nunito', sans-serif;
     }
-    
-    /* Set the background for the credentials and chat sections */
-    #credentials-box, #chat-box {
-        background-color: #36c4e4;
-        padding: 20px;
-        border-radius: 12px;
-    }
-    
-    /* Make the button dark blue */
-    .gr-button-primary {
-        background-color: #0b65b3 !important;
-        color: white !important;
-        border: none !important;
-        border-radius: 6px;
-    }
-    
-    .gr-button-primary:hover {
-        background-color: #094e91 !important;
-    }
     """
     
     with gr.Blocks(title="WellBe+ Assistant", css=custom_css) as app:
@@ -79,39 +60,37 @@ def build_interface() -> gr.Blocks:
             # Left column – credential inputs
             # -----------------------------------------------------------------
             with gr.Column(scale=1):
-                with gr.Group(elem_id="credentials-box"):
-                    gr.Markdown("### Credentials")
-                    openai_key_box = gr.Textbox(
-                        label="OpenAI API Key",
-                        type="password",
-                        placeholder="sk‑…",
-                    )
-                    whoop_email_box = gr.Textbox(label="Whoop e‑mail", type="password")
-                    whoop_pass_box = gr.Textbox(label="Whoop password", type="password")
+                gr.Markdown("### Credentials")
+                openai_key_box = gr.Textbox(
+                    label="OpenAI API Key",
+                    type="password",
+                    placeholder="sk‑…",
+                )
+                whoop_email_box = gr.Textbox(label="Whoop e‑mail", type="password")
+                whoop_pass_box = gr.Textbox(label="Whoop password", type="password")
 
             # -----------------------------------------------------------------
             # Right column – chat interface
             # -----------------------------------------------------------------
             with gr.Column(scale=2):
-                with gr.Group(elem_id="chat-box"):
-                    gr.Markdown("### Chat")
-                    question_box = gr.Textbox(
-                        label="Question",
-                        lines=3,
-                        placeholder="e.g. How has my sleep changed since starting Prozac last month?",
-                    )
-                    answer_box = gr.Textbox(label="Assistant", lines=8, interactive=False)
-                    ask_btn = gr.Button("Explore Insights", variant="primary")
-                    ask_btn.click(
-                        fn=answer_sync,
-                        inputs=[
-                            question_box,
-                            openai_key_box,
-                            whoop_email_box,
-                            whoop_pass_box,
-                        ],
-                        outputs=answer_box,
-                    )
+                gr.Markdown("### Chat")
+                question_box = gr.Textbox(
+                    label="Question",
+                    lines=3,
+                    placeholder="e.g. How has my sleep changed since starting Prozac last month?",
+                )
+                answer_box = gr.Textbox(label="Assistant", lines=8, interactive=False)
+                ask_btn = gr.Button("Explore Insights", variant="primary")
+                ask_btn.click(
+                    fn=answer_sync,
+                    inputs=[
+                        question_box,
+                        openai_key_box,
+                        whoop_email_box,
+                        whoop_pass_box,
+                    ],
+                    outputs=answer_box,
+                )
 
         gr.Markdown(
             "---\nBuilt by [Natalia B.](https://www.linkedin.com/in/natalia-bobkova/), [Victoria L.](https://www.linkedin.com/in/victoria-latynina/)"