Update app.py

app.py

@@ -54,15 +54,17 @@ def generate_rom_page(rom_name):
         if (typeof EJS_player === 'undefined') {{
             var script = document.createElement('script');
             script.src = "https://cdn.emulatorjs.org/stable/data/loader.js";
+            script.onload = function() {{
+                window.addEventListener('load', function() {{
+                    EJS_player = "#game";
+                    EJS_core = "nes";
+                    EJS_color = "#0064ff";
+                    EJS_pathtodata = "https://cdn.emulatorjs.org/stable/data/";
+                    EJS_gameUrl = "{rom_url}";
+                }});
+            }};
             document.body.appendChild(script);
         }}
-        window.addEventListener('load', function() {{
-            EJS_player = "#game";
-            EJS_core = "nes";
-            EJS_color = "#0064ff";
-            EJS_pathtodata = "https://cdn.emulatorjs.org/stable/data/";
-            EJS_gameUrl = "{rom_url}";
-        }});
     </script>
     <style>
         #game {{
@@ -113,22 +115,23 @@ def gradio_app():
     with gr.Blocks() as app:
         gr.Markdown("# 🎮 Play NES ROMs in Browser!")
 
-        
         rom_files = list_roms()
 
         with gr.Column():
             rom_dropdown = gr.Dropdown(choices=rom_files, label="Select a ROM", interactive=True)
             output_html = gr.HTML(value="Select a ROM to start playing!", elem_id="emulator")
 
-
-    
             rom_dropdown.change(fn=generate_rom_page, inputs=rom_dropdown, outputs=output_html)
 
-        
         app.css = """
         .gradio-dropdown { 
             max-height: 400px; 
             overflow-y: auto; 
+            margin-bottom: 20px;
+        }
+        .gradio-button { 
+            margin-top: 10px; 
+            margin-bottom: 10px;
         }
         """
     
@@ -156,4 +159,5 @@ if __name__ == "__main__":
 
 
 
+