Add application file

app.py

@@ -107,6 +107,7 @@ def submit(grammar, coherence, state):
     update_dataset(state)
     
     return navigate("next", state)
+
 with gr.Blocks() as app:
     state = gr.State(load_data())
     
@@ -114,9 +115,9 @@ with gr.Blocks() as app:
     
     with gr.Row():
         # Sidebar Column
-        with gr.Column(scale=1, min_width=200):
+        with gr.Column(scale=1, min_width=200, elem_classes="sidebar"):
             gr.Markdown("### Navigation")
-            with gr.Column(style={"background": "#f0f0f0", "padding": "20px", "border-radius": "10px"}):
+            with gr.Column(elem_classes="nav-buttons"):
                 annotated_btn = gr.Button("Annotated", variant="primary")
                 unannotated_btn = gr.Button("Unannotated", variant="primary")
                 gr.Markdown("---")
@@ -178,6 +179,21 @@ with gr.Blocks() as app:
         outputs=navigation_outputs
     )
 
+    # Add custom CSS
+    app.css = """
+    .sidebar {
+        background: #f8f9fa;
+        padding: 20px;
+        border-right: 1px solid #dee2e6;
+        height: 100vh;
+    }
+    .nav-buttons {
+        background: #f0f0f0;
+        padding: 20px;
+        border-radius: 10px;
+    }
+    """
+
 
 if __name__ == "__main__":
     app.launch(share=True)