Update app.py

app.py

@@ -35,10 +35,29 @@ inputs_component = [
     gr.Dropdown(choices=tokenizer_options, label="Select Tokenizer"),
     gr.Textbox(lines=2, placeholder="Enter Arabic text here...", label="Input Text")
 ]
-outputs_component = gr.Dataframe(headers=["Tokenizer", "Tokens", "Encoded Output", "Decoded Text"], label="Results")
+
+# Custom CSS to make the dataframe bigger
+custom_css = '''
+<style>
+    .output_dataframe .dataframe {
+        width: auto !important; /* Adjust the width as needed, or use 'auto' */
+        font-size: 16px; /* Increase font size */
+    }
+    .output_dataframe .dataframe tbody tr td {
+        padding: 12px !important; /* Increase padding for table cells */
+    }
+</style>
+'''
+
+outputs_component = gr.Dataframe(headers=["Tokenizer", "Tokens", "Encoded Output", "Decoded Text"], 
+                                label="Results", 
+                                css=custom_css)
 
 # Setting up the interface
-iface = Interface(fn=compare_tokenizers, inputs=inputs_component, outputs=outputs_component, title="AraNizer Tokenizer Comparison")
+iface = Interface(fn=compare_tokenizers, 
+                  inputs=inputs_component, 
+                  outputs=outputs_component, 
+                  title="AraNizer Tokenizer Comparison")
 
 # Launching the Gradio app
 iface.launch()