Settings widgets: revert container=False, use elem_id with id-targeted CSS to flatten outer block while keeping labels

app.py

@@ -640,6 +640,49 @@ gradio-app > div {
   box-shadow: none !important;
   padding: 0 !important;
 }
+
+/* === Per-component flatteners (id-based; max specificity vs Gradio defaults) === */
+/* The Memory Strategy dropdown and the two sliders ship with an outer block
+   wrapper that paints a small rectangle. Flatten the wrapper AND any nested
+   div Gradio inserts (form/container/wrap/etc), keeping label + interactive
+   element visible. */
+#quest-memory-strategy,
+#quest-memory-strategy > div,
+#quest-memory-strategy .form,
+#quest-memory-strategy .gr-form,
+#quest-memory-strategy .container,
+#quest-memory-strategy .wrap-inner,
+#quest-memory-strategy .head,
+#quest-max-turns,
+#quest-max-turns > div,
+#quest-max-turns .form,
+#quest-max-turns .gr-form,
+#quest-max-turns .container,
+#quest-max-turns .wrap-inner,
+#quest-max-turns .head,
+#quest-temperature,
+#quest-temperature > div,
+#quest-temperature .form,
+#quest-temperature .gr-form,
+#quest-temperature .container,
+#quest-temperature .wrap-inner,
+#quest-temperature .head {
+  background: transparent !important;
+  border: 0 !important;
+  outline: 0 !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+  border-radius: 0 !important;
+}
+/* But keep the actual interactive control visible (the dropdown's select
+   container needs to keep its own border so users can see the box). */
+#quest-memory-strategy [data-testid="dropdown"],
+#quest-memory-strategy .gradio-dropdown {
+  background: var(--q-paper) !important;
+  border: 1px solid var(--q-line-strong) !important;
+  border-radius: var(--q-radius-md) !important;
+  min-height: 46px !important;
+}
 [class*="gradio-container"] input[type="range"] {
   -webkit-appearance: none;
   appearance: none;
@@ -1811,7 +1854,7 @@ with gr.Blocks(
                     label="Memory Strategy",
                     choices=list(MEMORY_STRATEGIES),
                     value="condenser",
-                    container=False,
+                    elem_id="quest-memory-strategy",
                 )
                 gr.HTML(
                     '<div class="memory-help">'
@@ -1827,7 +1870,7 @@ with gr.Blocks(
                     maximum=100,
                     value=6,
                     step=1,
-                    container=False,
+                    elem_id="quest-max-turns",
                 )
                 temperature = gr.Slider(
                     label="Temperature",
@@ -1835,7 +1878,7 @@ with gr.Blocks(
                     maximum=1.5,
                     value=1.0,
                     step=0.1,
-                    container=False,
+                    elem_id="quest-temperature",
                 )
 
     gr.HTML(