Better presentation

main.py

@@ -121,7 +121,7 @@ chat_bot = gr.Chatbot(
 )
 
 
-with gr.Blocks(js=JS) as demo:
+with gr.Blocks(js=JS, fill_height=True, title="Reasoning model example") as demo:
     reasoning = gr.Markdown(
         "# Reasoning\n\nWhen the model will reasoning, its thoughts will be displayed here.",
         label="Reasoning",
@@ -129,9 +129,8 @@ with gr.Blocks(js=JS) as demo:
         container=True,
         elem_classes="auto-scroll",
         render=False,
-        height="80vh",
     )
-    with gr.Row(equal_height=True):
+    with gr.Row(equal_height=True, height="90vh"):
         with gr.Column(scale=3):
             gr.ChatInterface(
                 chat,
@@ -149,7 +148,7 @@ with gr.Blocks(js=JS) as demo:
                 additional_outputs=[reasoning],
             )
 
-        with gr.Column():
+        with gr.Column(variant="compact", scale=1):
             reasoning.render()
             gr.Markdown(
                 "\n\n"
@@ -160,7 +159,7 @@ with gr.Blocks(js=JS) as demo:
                 "See [The model page](https://huggingface.co/deepseek-ai/DeepSeek-R1-Distill-Qwen-1.5B) "
                 "for more information.",
                 container=True,
-                max_height="20vh",
+                max_height="20%",
             )