feat: updated TTD UI (DRIAS & IPCC)

front/tabs/tab_drias.py

@@ -134,11 +134,13 @@ def create_drias_ui() -> DriasUIElements:
 
     
         with gr.Accordion(label="Chart", visible=False) as chart_accordion:
-            with gr.Accordion(label="Informations about the plot", open=False):
-                plot_information = gr.Markdown(value = "")
-            model_selection = gr.Dropdown(
-                label="Model", choices=DRIAS_MODELS, value="ALL", interactive=True
-            )
+            with gr.Row():
+                model_selection = gr.Dropdown(
+                    label="Model", choices=DRIAS_MODELS, value="ALL", interactive=True
+                )
+                with gr.Accordion(label="Informations about the plot", open=False):
+                    plot_information = gr.Markdown(value = "")
+                
             drias_display = gr.Plot(elem_id="vanna-plot")
 
         with gr.Accordion(

front/tabs/tab_ipcc.py

@@ -146,12 +146,15 @@ def create_ipcc_ui() -> ipccUIElements:
                 )
 
         with gr.Accordion(label="Chart", visible=False) as chart_accordion:
-            with gr.Accordion(label="Informations about the plot", open=False):
-                plot_information = gr.Markdown(value = "")
+            
+            with gr.Row():
+                scenario_selection = gr.Dropdown(
+                    label="Scenario", choices=IPCC_MODELS, value="ALL", interactive=True, visible=False
+                )
+
+                with gr.Accordion(label="Informations about the plot", open=False):
+                    plot_information = gr.Markdown(value = "")
 
-            scenario_selection = gr.Dropdown(
-                label="Scenario", choices=IPCC_MODELS, value="ALL", interactive=True, visible=False
-            )
             ipcc_display = gr.Plot(elem_id="vanna-plot")
 
         with gr.Accordion(

style.css

@@ -683,17 +683,10 @@ div#tab-vanna{
     font-size: 16px;
 }
 
-#table-names label:nth-child(odd) {
-    background-color: #f9f9f9;
-}
-
-#table-names label:nth-child(even) {
-    background-color: #e6f0ff;
-}
 
 #table-names label {
-    display: block;              /* Chaque option prend toute la ligne */
-    width: 100%;                 /* Chaque option remplit l'espace horizontal */
+    display: block;              
+    width: 100%;                 
     box-sizing: border-box;
     padding: 8px 12px;
     margin-bottom: 4px;