feat: follow up events aesthetics

app/dead.py

@@ -6,12 +6,11 @@ from followup_events import create_followup_section
 def show_section_dead(visible):
     with gr.Column(visible=visible, elem_id="dead") as section_dead:
         gr.Markdown("# Dead Animal")
-        gr.Markdown("## Please describe the cause of death")
+        gr.Markdown("## Please describe the cause of death", label="description")
         
         image_row, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause = create_top_section(visible)      
         dropdown_row, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_dropdown(visible)
         
-        gr.Markdown("## Follow-up Events")
         create_followup_section()
 
     return section_dead, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2

app/followup_events.py

@@ -4,13 +4,15 @@ from config_utils import get_custom_config_dropdowns
 def create_followup_section():
     followup_config = get_custom_config_dropdowns("/assets/dropdowns/followup_config.json")
     followup_config = followup_config["Event follow-up"]
+    gr.Markdown("## Follow-Up Events", label="Title")
+    gr.Markdown("Please tell us what you did with the animal.", label="description")
     with gr.Row(): 
         for key, val in followup_config.items():
             followup_label = key
             if "Options" in val.keys(): 
-                gr.Dropdown(choices=val["Options"], label=followup_label, visible=True)
+                gr.Dropdown(choices=val["Options"], label=followup_label, visible=True, elem_id="followup")
     with gr.Row(): 
         for key, val in followup_config.items():
             followup_label = key
             if "Open" in val.keys(): 
-                gr.Textbox(label=followup_label, visible=True)
+                gr.Textbox(label=followup_label, visible=True, elem_id="followup")

app/main.py

@@ -6,6 +6,7 @@ from dropdowns import *
 from maps import get_location
 from style import *
 from theme import theme, css
+from followup_events import create_followup_section
 
 with gr.Blocks(theme=theme, css=css) as demo:
     # ---------------------------------------------------------
@@ -40,6 +41,8 @@ with gr.Blocks(theme=theme, css=css) as demo:
 
     # ---------------------------------------------------------
     # Dead and Wounded Buttons
+    gr.Markdown("## The State of the Animal", label="Title")
+    gr.Markdown("Please tell us if the animal was wounded or dead.", label="description")
     with gr.Row() as block_form:
         with gr.Column(scale=1):
             butt_wounded = gr.Button("Wounded", elem_id="wounded")
@@ -95,13 +98,13 @@ with gr.Blocks(theme=theme, css=css) as demo:
     
     dropdown_wounded.select(on_select, None, [dropdown_level2_wounded, openfield_level2_wounded, dropdown_extra_level2_wounded])
 
-    # ---------------------------------------------------------
-    #Follow up Events
-
     # ---------------------------------------------------------
     #Submit Button
     with gr.Column(scale=1):
-        subbutt = gr.Button("SUBMIT YOUR OBSERVATION TO ORNITHO", elem_id="submit")
+        subbutt = gr.Button("SUBMIT YOUR OBSERVATION TO ORNITHO", 
+                            elem_id="submit", 
+                            icon="https://cdn.iconscout.com/icon/free/png-256/free-send-2451554-2082560.png",
+                            scale=1)
         output_message = gr.Markdown("Thank you, you are a champion of biodiversity conservation !")
 
     

app/theme.py

@@ -7,11 +7,11 @@ css = """
 #wounded {background-color: #5e0724}
 #buttons-conditions {background-color: #b3b3b3}
 #dropdown-conditions {background-color: #b3b3b3}
-#submit {background-color: #91ccb0}
+#followup {background-color: #38241c} 
+#submit {background-color: #abb2bf}
 """
-#wound old: #2d5543
-#submit:#13422f
 
+#followup 2nd option: #13422f
 
 theme = gr.themes.Soft(primary_hue="teal", secondary_hue="teal", neutral_hue="emerald",
                          font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"])

app/wounded.py

@@ -5,12 +5,11 @@ from followup_events import create_followup_section
 def show_section_wounded(visible):
     with gr.Column(visible=visible, elem_id="wounded") as wounded_section:
         gr.Markdown("# Wounded Animal")
-        gr.Markdown("## Please describe the wound's cause.")
+        gr.Markdown("# Please describe the wound's cause.", label="description")
 
         image_row, button_collision, button_deliberate_destruction, button_indirect_destruction, button_natural_cause = create_top_section(visible)      
         dropdown_row, dropdown, dropdown_level2, openfield_level2, dropdown_extra_level2 = create_dropdown(visible)
 
-        gr.Markdown("## Follow-up Events")
         create_followup_section()
 
     # Change variables and names