gráfica compuesta en chorizo

ahora todos los controles y la gráfica son divs consecutivos.
todos los divs son wrappers.
cada control está encapsulado en un div que contiene su etiqueta y su control

dinamyc.py

@@ -114,55 +114,56 @@ app.layout = html.Div(children=[
     html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
     # dos columnas: controles y gráfica de pacientes por fuente de datos
     html.Div(children=[
-        #controles
-        html.Div(children=[
-            html.Div(children="Etapa", className="menu-title"),
-            dcc.Dropdown(
-                id="etapas_serie",
-                options=[
-                    {"label":1, "value":1},
-                    {"label":2, "value":2},
-                    {"label":3, "value":3},
-                ],
-                value=1,
-                clearable=False,
-                searchable=False,
-                className="dropdown",
-            ),
-            html.Div(children="Comidas", className="menu-title"),
-            dcc.Slider(
-                id="min_comidas_serie",
-                min=1,
-                max=Comidas_totales_e,
-                value=15,
-                marks={1:"1",15:"15", 21:"21",30:"30",42:"42", Comidas_totales_e:str(Comidas_totales_e)}
-            ),
-            html.Div(children="Días con glucómetro", className="menu-title"),                        
-            dcc.Slider(
-                id="min_glucosa_serie",
-                min=1,
-                max=Glucometro_e,
-                value=7,
-                marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
-            ),
-            html.Div(children="Distribución", className="menu-title"),
-            dcc.Dropdown(
-                id="distribucion_serie",
-                options=[
-                    {"label":"Comidas por paciente", "value":1},
-                    {"label":"Días de glucómetro por paciente", "value":2},
-                ],
-                value=1,
-                clearable=False,
-                searchable=False,
-                className="dropdown",
-            ),            
-
-        ], style={'display':'flex', 'flexDirection':'row'}, className="wrapper"),
-        #gráfica
-        html.Div(children=[dcc.Graph(id="cover_series")],),
-        
+        html.Div(children="Etapa", className="menu-title"),
+        dcc.Dropdown(
+          id="etapas_serie",
+          options=[
+            {"label":1, "value":1},
+            {"label":2, "value":2},
+            {"label":3, "value":3},
+           ],
+           value=1,
+           clearable=False,
+           searchable=False,
+           className="dropdown",
+        ),      
     ],className="wrapper"),
+    html.Div(children=[
+        html.Div(children="Comidas", className="menu-title"),
+        dcc.Slider(
+            id="min_comidas_serie",
+            min=1,
+            max=Comidas_totales_e,
+            value=15,
+            marks={1:"1",15:"15", 21:"21",30:"30",42:"42", Comidas_totales_e:str(Comidas_totales_e)}
+        ),            
+    ],className="wrapper"), 
+    html.Div(children=[
+        html.Div(children="Días con glucómetro", className="menu-title"),                        
+        dcc.Slider(
+            id="min_glucosa_serie",
+            min=1,
+            max=Glucometro_e,
+            value=7,
+            marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
+        ),
+    ],className="wrapper"),
+    html.Div(children=[
+        html.Div(children="Distribución", className="menu-title"),
+        dcc.Dropdown(
+            id="distribucion_serie",
+            options=[
+                {"label":"Comidas por paciente", "value":1},
+                {"label":"Días de glucómetro por paciente", "value":2},
+            ],
+            value=1,
+            clearable=False,
+            searchable=False,
+            className="dropdown",
+        ),            
+    ],className="wrapper"),
+        #gráfica
+    html.Div(children=[dcc.Graph(id="cover_series")],className="wrapper"),
     # cobertura de pacientes por prueba. working.
     html.Div(children=[
         html.H1("Cobertura de pacientes por protocolo.", className="header-title2"),