Более гладкий шрифт и +- адаптация для телефонов

assets/style.css

@@ -17,6 +17,7 @@ body {
 .Select-control {
   background-color: rgb(25, 25, 25) !important;
 	color: #fff;
+	font-family: 'Mulish', sans-serif;
 }
 .Select-menu-outer {
 	background-color: rgb(27, 29, 30);
@@ -27,6 +28,14 @@ body {
 	color: white;
 }
 
+.Select-value {
+	font-family: 'Mulish', sans-serif;
+}
+.Select-placeholder {
+	font-family: 'Mulish', sans-serif;
+}
+
+
 /* Верхняя панель */
 .panel {
 	background-color: #161819;
@@ -65,6 +74,7 @@ body {
   padding-right: 4%;
 	align-items: center;
 	height: 60%;
+	max-height: 35px;
 }
 /* Текст социалок */
 .soc_text {
@@ -72,4 +82,5 @@ body {
   text-decoration: auto;
   padding-left: 8%;
 	font-size: 1rem;
+	font-family: 'Mulish', sans-serif;
 }

site.py

@@ -96,20 +96,20 @@ html.Div([
 	html.Div([
 		dcc.Dropdown(list_form(els), id='reaction', placeholder="Реакция", maxHeight=500,
 		style={'font-size': '120%', 'font-family': 'NotaSans'})
-	], style={'flex': 4}),
+	], style={'flex': 4, 'min-width': '200px'}),
 
 	# Объём
 	html.Div([
 		dcc.Dropdown(list_form([30, 50, 100, 300, 1000]), 100, id='amount', clearable=False, searchable=False
-			, style={'font-family': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) #, 'background-color': 'rgb(27, 29, 30)'})
-	], style={'flex': 1, 'padding-left': 25})
+			, style={'font-family': '"Mulish", sans-serif', 'font-size': '120%'})
+	], style={'flex': 1, 'padding-left': 25, 'min-width': '100px'})
 
 ], style={'display': 'flex', 'flexDirection': 'row'}),
 
 	# Вывод
 	html.Div(id='output', style={'text-align': 'center', 'padding-left': '15%', 'padding-right': '15%'})
 
-], style={'padding': '5%', 'margin-left': '30%', 'margin-right': '30%'})
+], style={'padding': '5%', 'margin-left': '25vw', 'margin-right': '25vw'})
 
 ])
 # vh - высота окна, vw - ширина окна
@@ -158,5 +158,5 @@ def update_output(reaction, amount):
 
 
 if __name__ == '__main__':
-#	app.run(debug=True)
-	app.run(debug=False)
+	app.run(debug=True)
+#	app.run(debug=False)