Add some css to make it look like whatsapp

app.py

@@ -33,9 +33,12 @@ def add_chunk_to_ai_message(chunk: str):
 
 @solara.component
 def Page():
-    with solara.Column(style={"padding": "30px"}):
-        solara.Title("StreamBot")
-        solara.Markdown("#StreamBot")
+    title = "StreamBot"
+    with solara.Head():
+        solara.Title(f"{title}")
+    with solara.Column(align="center"):
+        solara.Markdown(f"#{title}")
+
         user_message_count = len([m for m in messages.value if m["role"] == "user"])
 
         def send(message):
@@ -55,8 +58,8 @@ def Page():
 
         result = solara.lab.use_task(result, dependencies=[user_message_count])  # type: ignore
 
-        with solara.Column(style={"width": "70%"}):
-            with solara.lab.ChatBox():
+        with solara.Column(align="center"):
+            with solara.lab.ChatBox(style={"position": "fixed", "bottom": "10rem", "width": "70%"}):
                 for item in messages.value:
                     with solara.lab.ChatMessage(
                         user=item["role"] == "user",
@@ -65,4 +68,4 @@ def Page():
                         border_radius="20px",
                     ):
                         solara.Markdown(item["content"])
-            solara.lab.ChatInput(send_callback=send)
+            solara.lab.ChatInput(send_callback=send, style={"position": "fixed", "bottom": "3rem", "width": "70%"})