Update app.py

app.py

@@ -72,7 +72,6 @@ class Soft(Base):
             block_title_text_color="*primary_500",
             block_title_text_color_dark="white",
             block_label_margin="*spacing_md",
-            block_shadow="*shadow_drop",
 
             # Inputs
             input_background_fill="white",
@@ -431,25 +430,28 @@ custom_css = """
     }
     #login-group .gr-form {
         background-color: white !important;
+    },
+    .light-shadow {
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     }
 """
 
 # Create Gradio interface
 with gr.Blocks(theme=Soft(font=[gr.themes.GoogleFont("Source Sans Pro"), "Arial"]), title="Dataset Annotation Tool", css=custom_css) as app:
     gr.Markdown("# Norwegian Fluency Annotation")
-    with gr.Accordion("Click here to see the full annotation guidelines:", open=False):
+    with gr.Accordion("Click here to see the full annotation guidelines:", open=False, elem_classes="light-shadow"):
         gr.Markdown(guideline, padding=True)
 
     user_state = gr.State("")
     
     # Login Interface
     with gr.Column(visible=True) as login_interface:
-        with gr.Column(variant="panel", elem_id="login-group"):
+        with gr.Column(variant="panel", elem_id="login-group", elem_classes="light-shadow"):
             gr.Markdown("## Log in", padding=True)
             user_id_input = gr.Textbox(
                 label="Enter your unique annotator ID to begin",
                 placeholder="Annotator ID",
-                container=False
+                container=True
             )
         with gr.Row():
             login_btn = gr.Button("Login", variant="primary", scale=0.2, min_width=100)