Changes to layout

app.py

@@ -7,6 +7,7 @@ import streamlit as st
 from loguru import logger as log
 from matplotlib import colors
 from streamlit_folium import st_folium
+
 from utils.folium import (
     draw_gdf,
     get_clean_rendering_container,
@@ -46,15 +47,6 @@ def style_call(feat):
 # Page configs
 st.set_page_config(page_title="AIDA", page_icon="🌐", layout="wide")
 
-hide_button_style = """
-    <style>
-    div.stButton > button:first-child {
-        display: none;
-    }
-    </style>
-"""
-st.markdown(hide_button_style, unsafe_allow_html=True)
-
 # base paths
 base_path = Path("data")
 inference_path = base_path / "inference"
@@ -65,15 +57,22 @@ inference_paths = sorted(list(inference_path.iterdir()))
 example_names = [p.stem for p in inference_paths]
 inference_dict = {p.stem: p for p in inference_paths}
 
+
+def change_key():
+    st.session_state["key_map"] = str(datetime.now())
+
+
 # Create selection menu
-container_predictions = st.sidebar.container(border=True)
+container_predictions = st.container(border=True)
 with container_predictions:
-    prediction_selectbox = st.selectbox(
-        "Select an example",
-        options=example_names,
-        index=None,
-        key="selectbox_pred",
-    )
+    col1, col2, col3 = st.columns([0.2, 0.1, 0.7])
+    with col1:
+        prediction_selectbox = st.selectbox(
+            "Select an example",
+            options=example_names,
+            index=None,
+            key="selectbox_pred",
+        )
     is_prediction_selected = prediction_selectbox is not None
     if is_prediction_selected:
         try:
@@ -88,22 +87,32 @@ with container_predictions:
     else:
         prediction_file = None
         chosen_tile_path = None
+    with col2:
+        height_value = st.radio(
+            "Map height",
+            options=[800, 500],
+            horizontal=True,
+            key="height_map",
+            on_change=change_key,
+        )
+    with col3:
+        with st.container():
+            st.write("######")
+            with st.expander("See information about the methodology"):
+                st.write(
+                    """The model uses a modified UTAE architecture, a U-Net variant with attention, 
+                    for segmenting crop types from satellite imagery. 
+                    It was trained using Sentinel-2 time series data from several European countries, 
+                    labeled with aggregated Eurocrops data to identify 6 broad crop classes.
+                    More informations about the methodology [HERE](https://huggingface.co/links-ads/aida-cropland-models)"""
+                )
 
 container = get_clean_rendering_container(prediction_selectbox)
 
 
 # Stange Hack to always update the map height I guess
-def change_key():
-    st.session_state["key_map"] = str(datetime.now())
 
 
-height_value = st.sidebar.radio(
-    "Map height",
-    options=[800, 500],
-    horizontal=True,
-    key="height_map",
-    on_change=change_key,
-)
 container = get_clean_rendering_container(height_value)
 
 # draw map
@@ -115,6 +124,7 @@ if prediction_selectbox is not None:
 
 
 with container.form(key="form1", clear_on_submit=True):
+
     folium.LayerControl().add_to(interactive_map)
     output_map = st_folium(
         interactive_map,