diff --git a/assets/style.css b/assets/style.css index d5cd70e..91949f2 100644 --- a/assets/style.css +++ b/assets/style.css @@ -66,6 +66,15 @@ body { width: 80vh; } +.react_vol { + display: flex; + flexDirection: row; +} +.vol { + flex: 1; + padding-left: 25; + min-width: 100px; +} /* Иконка + текст слева в панели */ .img_text_panel { @@ -126,7 +135,9 @@ body { } /* Сверхузкие телефоны */ @media (max-width: 400px) { - .panel { + .react_vol { flex-direction: column; } + .vol { + padding-top: 8px; } diff --git a/site.py b/site.py index 41f2cea..a188a86 100644 --- a/site.py +++ b/site.py @@ -102,9 +102,9 @@ html.Div([ html.Div([ dcc.Dropdown(list_form([30, 50, 100, 300, 1000]), 100, id='amount', clearable=False, searchable=False , style={'font-family': '"Mulish", sans-serif', 'font-size': '120%'}) - ], style={'flex': 1, 'padding-left': 25, 'min-width': '100px'}) + ], className="vol") -], style={'display': 'flex', 'flexDirection': 'row'}), +], className="react_vol"), # Вывод html.Div(id='output', style={'text-align': 'center', 'padding-left': '15%', 'padding-right': '15%'})