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,8 +114,6 @@ app.layout = html.Div(children=[
     html.Div(children=[ html.H1("Cobertura de pacientes por fuente de datos", className="header-title2") ]),
     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
     # dos columnas: controles y gráfica de pacientes por fuente de datos
     html.Div(children=[
     html.Div(children=[
-        #controles
-        html.Div(children=[
         html.Div(children="Etapa", className="menu-title"),
         html.Div(children="Etapa", className="menu-title"),
         dcc.Dropdown(
         dcc.Dropdown(
           id="etapas_serie",
           id="etapas_serie",
@@ -129,6 +127,8 @@ app.layout = html.Div(children=[
            searchable=False,
            searchable=False,
            className="dropdown",
            className="dropdown",
         ),      
         ),      
+    ],className="wrapper"),
+    html.Div(children=[
         html.Div(children="Comidas", className="menu-title"),
         html.Div(children="Comidas", className="menu-title"),
         dcc.Slider(
         dcc.Slider(
             id="min_comidas_serie",
             id="min_comidas_serie",
@@ -137,6 +137,8 @@ app.layout = html.Div(children=[
             value=15,
             value=15,
             marks={1:"1",15:"15", 21:"21",30:"30",42:"42", Comidas_totales_e:str(Comidas_totales_e)}
             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"),                        
         html.Div(children="Días con glucómetro", className="menu-title"),                        
         dcc.Slider(
         dcc.Slider(
             id="min_glucosa_serie",
             id="min_glucosa_serie",
@@ -145,6 +147,8 @@ app.layout = html.Div(children=[
             value=7,
             value=7,
             marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
             marks={1:"1", 7:"7", 14:"14", 28:"28", 42:"+42"}
         ),
         ),
+    ],className="wrapper"),
+    html.Div(children=[
         html.Div(children="Distribución", className="menu-title"),
         html.Div(children="Distribución", className="menu-title"),
         dcc.Dropdown(
         dcc.Dropdown(
             id="distribucion_serie",
             id="distribucion_serie",
@@ -157,12 +161,9 @@ app.layout = html.Div(children=[
             searchable=False,
             searchable=False,
             className="dropdown",
             className="dropdown",
         ),            
         ),            
-
-        ], style={'display':'flex', 'flexDirection':'row'}, className="wrapper"),
-        #gráfica
-        html.Div(children=[dcc.Graph(id="cover_series")],),
-        
     ],className="wrapper"),
     ],className="wrapper"),
+        #gráfica
+    html.Div(children=[dcc.Graph(id="cover_series")],className="wrapper"),
     # cobertura de pacientes por prueba. working.
     # cobertura de pacientes por prueba. working.
     html.Div(children=[
     html.Div(children=[
         html.H1("Cobertura de pacientes por protocolo.", className="header-title2"),
         html.H1("Cobertura de pacientes por protocolo.", className="header-title2"),