🎨 style(app.py, const.py): add CSS to improve layout of Claude Space interface

claude_space/app.py

@@ -7,6 +7,7 @@ from gradio.utils import async_iteration
 
 from claude_space.ai import AnthropicCustom
 from claude_space.const import (
+    CSS,
     ClaudeDefaultFormatter,
     ClaudeModels,
     ModelTokenLength,
@@ -255,7 +256,10 @@ with gr.Blocks() as iface:
 
 
 gd = gr.TabbedInterface(
-    [iface, cface], tab_names=["Claude Evals", "Claude Chat"], title="Claude Space"
+    [iface, cface],
+    tab_names=["Claude Evals", "Claude Chat"],
+    title="Claude Space",
+    css=CSS,
 )
 gd.queue(concurrency_count=75, max_size=100).launch(
     debug=True,

claude_space/const.py

@@ -1,5 +1,12 @@
 import enum
 
+CSS = """
+.contain { display: flex; flex-direction: column; }
+.gradio-container { height: 100vh !important; }
+#component-0 { height: 100%; }
+#chatbot { flex-grow: 1; overflow: auto;}
+"""
+
 
 class ClaudeDefaultFormatter(enum.Enum):
     memory: str = "\n\nHuman: {prompt} \n\nConversations: {memory} \n\nQuery: {question} \n\nAssistant:"