full width

app.py

@@ -12,7 +12,7 @@ from huggingface_hub import HfApi
 READ_PARQUET_FUNCTIONS = ("dd.read_parquet", "pd.read_parquet")
 EMPTY_TABLE = pa.Table.from_pylist([{str(i): "" for i in range(4)}] * 10)
 EMPTY_DF: pd.DataFrame = EMPTY_TABLE.to_pandas()
-NUM_ROWS = 10
+NUM_ROWS = 20
 MAX_NUM_COLUMNS = 20
 NUM_TRENDING_DATASETS = 10
 NUM_USER_DATASETS = 10
@@ -46,7 +46,10 @@ thead {
     font-size: .75rem;
     color: var(--block-title-text-color);
 }
-var(--body-background-fill)
+.gradio-container {
+    padding: var(--size-4) 0 !important;
+    max-width: 98% !important;
+}
 """
 js = """
 function load() {
@@ -133,7 +136,9 @@ with gr.Blocks(css=css, js=js) as demo:
     dataset_subset_split_textbox = gr.Textbox(visible=False)
     input_table_state = gr.State()
     run_button = gr.Button(visible=False, elem_id="run_button")
-    gr.Markdown("# DuckDB Spreadsheets\n\nEdit any dataset on Hugging Face (full list [here](https://huggingface.co/datasets)) using DuckDB functions (documentation [here](https://duckdb.org/docs/sql/functions/overview))")
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("# <p style='text-align:center;'>🐥 DuckDB Spreadsheets 📝</p>\n\n<p style='text-align:center;'>Edit any dataset on Hugging Face (full list <a href='https://huggingface.co/datasets' target='_blank'>here</a>) using DuckDB functions (documentation <a href='https://duckdb.org/docs/sql/functions/overview' target='_blank'>here</a>)</p>")
     with gr.Group():
         with gr.Row():
             dataset_dropdown = gr.Dropdown(label="Dataset", allow_custom_value=True, scale=10)