Update app.py

app.py

@@ -222,9 +222,9 @@ def generate_and_return_files(bpm, temperature, top_k, uploaded_sf2=None, output
 
 
 custom_css = """
-.gradio-container {
+#main-container {
   max-width: 1200px !important;
-  margin: 0 auto !important;
+  margin: 0 auto;
 }
 
 #generate-btn {
@@ -251,26 +251,27 @@ waveform_opts = gr.WaveformOptions(
 )
 
 with gr.Blocks(css=custom_css, theme="monochrome") as iface:
-    gr.Markdown("<h1 style='font-weight: bold; text-align: center; font-size: 40px; margin: 0px;'>nanoMPC</h1>")
-    gr.Markdown("<p style='text-align: center; font-size: 18px;'>nanoMPC is a MIDI transformer model that generates lo-fi and boom bap beats.</p>")
-    
-    with gr.Row():
-        with gr.Column(scale=1):
-            bpm = gr.Slider(minimum=50, maximum=200, step=1, value=100, label="BPM")
-            temperature = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Temperature")
-            top_k = gr.Slider(minimum=4, maximum=16, step=1, value=8, label="Top-k")
-            output_level = gr.Slider(minimum=0, maximum=3, step=0.10, value=2.0, label="Output Gain")
-            midi_file = gr.File(label="MIDI Output")
-            audio_file = gr.Audio(label="Audio Output", type="filepath", waveform_options=waveform_opts)
-            generate_button = gr.Button("Generate", elem_id="generate-btn")
-            soundfont = gr.File(label="Optional: Upload SoundFont (preset=0, bank=0)")
-    
-    generate_button.click(
-        fn=generate_and_return_files,
-        inputs=[bpm, temperature, top_k, soundfont, output_level],
-        outputs=[midi_file, audio_file]
-    )
-
-    gr.Markdown("<p style='text-align: center; font-size: 14px;'>Developed by <a href='https://www.patchbanks.com/' target='_blank'><strong>Patchbanks</strong></a></p>")
+    with gr.Column(elem_id="main-container"):
+        gr.Markdown("<h1 style='font-weight: bold; text-align: center; font-size: 40px; margin: 0px;'>nanoMPC</h1>")
+        gr.Markdown("<p style='text-align: center; font-size: 18px;'>nanoMPC is a MIDI transformer model that generates lo-fi and boom bap beats.</p>")
+        
+        with gr.Row():
+            with gr.Column(scale=1):
+                bpm = gr.Slider(minimum=50, maximum=200, step=1, value=100, label="BPM")
+                temperature = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Temperature")
+                top_k = gr.Slider(minimum=4, maximum=16, step=1, value=8, label="Top-k")
+                output_level = gr.Slider(minimum=0, maximum=3, step=0.10, value=2.0, label="Output Gain")
+                midi_file = gr.File(label="MIDI Output")
+                audio_file = gr.Audio(label="Audio Output", type="filepath", waveform_options=waveform_opts)
+                generate_button = gr.Button("Generate", elem_id="generate-btn")
+                soundfont = gr.File(label="Optional: Upload SoundFont (preset=0, bank=0)")
+
+        generate_button.click(
+            fn=generate_and_return_files,
+            inputs=[bpm, temperature, top_k, soundfont, output_level],
+            outputs=[midi_file, audio_file]
+        )
+
+        gr.Markdown("<p style='text-align: center; font-size: 14px;'>Developed by <a href='https://www.patchbanks.com/' target='_blank'><strong>Patchbanks</strong></a></p>")
 
 iface.launch(share=True)