move checkbox to dropdown row

app.py

@@ -412,6 +412,10 @@ div#tahoe-logo {
     margin-top: 20px;
     margin-bottom: 20px;
 }
+#var-group .gr-checkbox > label {
+    font-size: 0.9em;
+    opacity: 0.9;
+}
 """
 with gr.Blocks(title=APP_TITLE, css=css) as demo:
 
@@ -434,16 +438,12 @@ with gr.Blocks(title=APP_TITLE, css=css) as demo:
     f_in = gr.File(label="Upload .h5ad", file_types=[".h5ad"], type="filepath")
 
     # dropdown block
-    with gr.Row():
-        layer_dd = gr.Dropdown(choices=["<use .X>"], value="<use .X>", label="Layer to use (default: .X)")
-        var_dd = gr.Dropdown(choices=[], value=None, label="Name of .var column with Ensembl gene IDs (or gene symbols)")
-        obs_dd = gr.Dropdown(choices=[], value=None, label="Name of .obs column to color UMAP by (optional)")
-
-    # checkbox for converting symbols
-    use_symbols_chk = gr.Checkbox(
-        label="Selected .var column contains gene symbols (attempt conversion to Ensembl IDs)",
-        value=False
-    )
+    with gr.Row(equal_height=True):
+        layer_dd = gr.Dropdown(choices=["<use .X>"], value="<use .X>", label="Layer to use (default: .X)", scale=1)
+        with gr.Column(scale=1):
+            var_dd = gr.Dropdown(choices=[], value=None, label="Name of .var column with Ensembl gene IDs (or gene symbols)")
+            use_symbols_chk = gr.Checkbox(label="Selected .var column contains gene symbols (attempt conversion to Ensembl IDs)", value=False)
+        obs_dd = gr.Dropdown(choices=[], value=None, label="Name of .obs column to color UMAP by (optional)", scale=1)
 
     # run button
     run_btn = gr.Button("Compute Embeddings + UMAP", variant="primary")