fix: change color palette and disposition

app/main.py

@@ -18,12 +18,12 @@ with gr.Blocks(theme=theme, css=css) as demo:
     # ---------------------------------------------------------
     # Camera
     with gr.Row():
-        with gr.Column(scale=1):
-            camera = gr.Image(elem_id="image")
+        #with gr.Column(scale=1):
+        camera = gr.Image(elem_id="image")
             
     # ---------------------------------------------------------
     # Location
-    with gr.Row():
+    #with gr.Row():
         with gr.Column(scale=1):
             location = gr.Textbox(visible=True, interactive=True, label="Location of Sighting")
             #display location processing
@@ -31,22 +31,20 @@ with gr.Blocks(theme=theme, css=css) as demo:
                                             label="Identified GPS Location")
             with gr.Row():
                 #to clear it
-                clear_location = gr.ClearButton(components=[location], visible=True, interactive=True
+                clear_location = gr.ClearButton(components=[location], visible=True, interactive=True, scale=1
                                                 )
                 clear_location.click()
                 #to submit it
-                submit_location = gr.Button("Submit", visible=True, interactive=True)
+                submit_location = gr.Button("Get GPS Coordinates", visible=True, interactive=True, scale=3)
                 submit_location.click(get_location, inputs=[location], outputs=[identified_location])
-            
 
     # ---------------------------------------------------------
     # Dead and Wounded Buttons
     with gr.Row() as block_form:
-        with gr.Column(scale=1):
-            butt_dead = gr.Button("Dead", elem_id="dead")
-
         with gr.Column(scale=1):
             butt_wounded = gr.Button("Wounded", elem_id="wounded")
+        with gr.Column(scale=1):
+            butt_dead = gr.Button("Dead", elem_id="dead")
 
     # ---------------------------------------------------------
     # Initiate sections
@@ -100,7 +98,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     # ---------------------------------------------------------
     #Submit Button
     with gr.Column(scale=1):
-        subbutt = gr.Button("Submit", elem_id="submit")
+        subbutt = gr.Button("SUBMIT YOUR OBSERVATION TO ORNITHO", elem_id="submit")
         output_message = gr.Markdown("Thank you, you are a champion of biodiversity conservation !")
 
     

app/theme.py

@@ -3,12 +3,14 @@ import gradio as gr
 css = """
 .gradio-container {background: url(https://openclipart.org/image/2000px/279687)}
 #image {background-color: #73b9ae}
-#dead {background-color: #13422f}
-#wounded {background-color: #2d5543}
-#buttons-conditions {background-color: #5f7d6e}
-#dropdown-conditions {background-color: #92a69c}
-#submit {background-color: #333333}
+#dead {background-color: #333333}
+#wounded {background-color: #5e0724}
+#buttons-conditions {background-color: #b3b3b3}
+#dropdown-conditions {background-color: #b3b3b3}
+#submit {background-color: #91ccb0}
 """
+#wound old: #2d5543
+#submit:#13422f
 
 
 theme = gr.themes.Soft(primary_hue="teal", secondary_hue="teal", neutral_hue="emerald",

app/top_section.py

@@ -24,7 +24,7 @@ def create_top_section(visible):
 
 def create_dropdown(visible):
     with gr.Row() as dropdown_row:
-        dropdown = gr.Dropdown(choices=[], interactive=True, visible=visible, elem_id="dropdown-conditions")
+        dropdown = gr.Dropdown(choices=[], interactive=False, visible=visible, elem_id="dropdown-conditions")
     openfield_level2 = gr.Textbox(visible=False, elem_id="dropdown-conditions")
     dropdown_level2 = gr.Dropdown(choices=[], visible=False, elem_id="dropdown-conditions")
     dropdown_extra_level2 = gr.Dropdown(choices=[], visible=False, elem_id="dropdown-conditions")