FormFloating/Label only for Input then can't have one with and one wi…

…thout
iridl · Aug 3, 2023 · e11db1e · e11db1e
1 parent f26af8a
commit e11db1e
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/enacts/crop_suitability/layout_crop_suit.py b/enacts/crop_suitability/layout_crop_suit.py
@@ -196,29 +196,30 @@ def controls_layout(lat_min, lat_max, lon_min, lon_max, lat_label, lon_label):
                         PickPoint(lat_min, lat_max, lat_label, lon_min, lon_max, lon_label),
                         width="w-auto",
                     ),
-                    Block("Map:",
+                    Block("Map for a Year and a Season:",
                         dbc.Row(
                             [
                                 dbc.Col(
-                                    dbc.FormFloating([dbc.Input(
-                                        id="target_year",
-                                        type="number",
+                                    Number(
+                                        "target_year",
+                                        CONFIG["param_defaults"]["target_year"],
                                         min=1981,
                                         max=CONFIG["param_defaults"]["target_year"],
-                                        value=CONFIG["param_defaults"]["target_year"],
+                                        width="6em",
                                     ),
-                                    dbc.Label("Year", style={"font-size": "80%"})]),
                                 ),
                                 dbc.Col(
-                                    dbc.FormFloating([Select(
+                                    Select(
                                         "target_season",
                                         ["DJF", "MAM", "JJA", "SON"],
                                         labels=["Dec-Feb", "Mar-May", "Jun-Aug", "Sep-Nov"],
                                     ),
-                                    dbc.Label("Season", style={"font-size": "80%"})]),
                                 ),
                             ],
+                            class_name="g-0",
+                            justify="start",
                         ),
+                        width="w-auto",
                     ),
                     Block(
                         "Optimum seasonal total rainfall",