Update app.py

app.py

@@ -94,17 +94,33 @@ def create_ui():
     formatted_spaces = format_spaces(spaces_list)
     print(f"Total spaces loaded: {len(formatted_spaces)}")  # 디버깅 출력
 
-    with gr.Blocks() as demo:
+    css = """
+    .minimal-button {
+        min-width: 30px !important;
+        height: 25px !important;
+        line-height: 1 !important;
+        font-size: 12px !important;
+        padding: 2px 5px !important;
+    }
+    .space-row {
+        margin-bottom: 5px !important;
+    }
+    """
+
+    with gr.Blocks(css=css) as demo:
         gr.Markdown("# Hugging Face Most Liked Spaces")
         
         with gr.Row():
             with gr.Column(scale=1):
-                space_buttons = []
                 for space in formatted_spaces:
-                    with gr.Row():
-                        gr.Markdown(f"{space['name']} by {space['author']} (Likes: {space['likes']})")
-                        button = gr.Button("클릭", elem_id=f"btn-{space['id']}")
-                        space_buttons.append(button)
+                    with gr.Row(elem_classes="space-row"):
+                        gr.Markdown(f"{space['name']} by {space['author']} (Likes: {space['likes']})", elem_classes="space-info")
+                        button = gr.Button("클릭", elem_classes="minimal-button")
+                        button.click(
+                            lambda s=space: on_select(s),
+                            inputs=[],
+                            outputs=[info_output, app_py_content]
+                        )
             
             with gr.Column(scale=1):
                 info_output = gr.Textbox(label="Space 정보 및 요약", lines=10)
@@ -125,9 +141,6 @@ def create_ui():
                 print(traceback.format_exc())
                 return f"오류가 발생했습니다: {str(e)}", ""
 
-        for button, space in zip(space_buttons, formatted_spaces):
-            button.click(on_select, inputs=[gr.State(space)], outputs=[info_output, app_py_content])
-
     return demo
 
 if __name__ == "__main__":