minor

app.py

@@ -89,7 +89,8 @@ a {
     align-items: baseline;
 }
 .bottomButton::before {
-    content: 'tags:\002'
+    content: 'tags:';
+    margin-right: .25rem;
 }
 .buttonsGroup {
     background: transparent;
@@ -139,7 +140,7 @@ def search_datasets(search_query):
 
 def show_dataset(*buttons_values, i):
     dataset_name, tags = buttons_values[2 * i : 2 * i + 2]
-    return f"{dataset_name=}, {tags=}"
+    return f"TODO: show {dataset_name=}, {tags=}"
 
 
 with gr.Blocks(css=css) as demo:
@@ -156,7 +157,8 @@ with gr.Blocks(css=css) as demo:
             search_button = gr.Button("🔍", variant="primary")
         with gr.Column(scale=4, min_width=0):
             pass
-    output = gr.Markdown()
+    outputs = []
+    outputs.append(gr.Markdown())
     with gr.Row():
         with gr.Column(scale=4, min_width=0):
             pass
@@ -169,8 +171,8 @@ with gr.Blocks(css=css) as demo:
                     top = gr.Button(dataset_name, elem_classes="topButton")
                     bottom = gr.Button(tags, elem_classes="bottomButton")
                     buttons += [top, bottom]
-                    top.click(partial(show_dataset, i=i), inputs=buttons, outputs=output)
-                    bottom.click(partial(show_dataset, i=i), inputs=buttons, outputs=output)
+                    top.click(partial(show_dataset, i=i), inputs=buttons, outputs=outputs)
+                    bottom.click(partial(show_dataset, i=i), inputs=buttons, outputs=outputs)
         with gr.Column(scale=4, min_width=0):
             pass
     search_bar.submit(search_datasets, inputs=search_bar, outputs=buttons)