Update app.py

app.py

@@ -92,7 +92,26 @@ chat_css="""
 }
 """
 
-with gr.Blocks(css=chat_css) as chatbot:
+js = """
+<script>
+window.addEventListener('load', () => {
+  const container = document.querySelector('#alignment_radio .gr-radio');
+  if (container) {
+    container.classList.add('radio-grid');
+    Array.from(container.querySelectorAll('input[type="radio"]')).forEach(input => {
+      const wrapper = document.createElement('div');
+      wrapper.classList.add('radio-wrapper');
+      const label = container.querySelector(`label[for="${input.id}"]`);
+      input.replaceWith(wrapper);
+      wrapper.appendChild(input);
+      if (label) wrapper.appendChild(label);
+    });
+  }
+});
+</script>
+"""
+
+with gr.Blocks(css=chat_css, js=js) as chatbot:
     with gr.Row(scale=1):
         with gr.Column(scale=1):  
             gr.Image(