0.0.46

static/css/styles.css

@@ -914,7 +914,7 @@ hr {
 form.new_route>div{
     margin-bottom: 30px;
     margin-top: 30px;
-    display: flex;
+    display: block ruby;
     flex-direction: row;
     flex-wrap: wrap;
 }
@@ -926,6 +926,7 @@ form.new_route>div.range-slider{
 
 form.new_route{
     width:100%;
+
 }
 
 .departure_arrival>div,
@@ -944,7 +945,6 @@ div.from_to_country>div>input:nth-child(3){
     display: block;
     border-radius: 15px;
     border: 1px solid #E6E6E6;
-    padding: 10px;
     color:  #272424;
     font-family: Inter;
     font-size: 16px;
@@ -953,12 +953,13 @@ div.from_to_country>div>input:nth-child(3){
     line-height: 22px;
     appearance: none;
     background: url("/static/img/png/icon-arrow.png") no-repeat calc(100% - 15px) center;
+    width: 392px;
+    height: 60px;
 }
 div.departure_arrival>div>input{
     display: block;
     border-radius: 15px;
     border: 1px solid #E6E6E6;
-    padding: 10px;
     color:  #272424;
     font-family: Inter;
     font-size: 16px;
@@ -966,6 +967,9 @@ div.departure_arrival>div>input{
     font-weight: 400;
     line-height: 22px;
     appearance: none;
+    width: 392px;
+    height: 60px;
+    padding-left: 2px;
 
 }
 
@@ -1034,18 +1038,22 @@ div.departure_arrival>div>input{
 
 .input_list{
     display: none;
-}
-
-.input_list.show{
-    display:block;
+    margin-top: 80px;
     width: 30%;
-    height: max-content;
+    height: 200px;
     position: absolute;
     padding-top: 20px;
     background-color: #ffcc80;
+    min-height: 200px;
+    overflow: scroll;
+    overflow-x:hidden;
+}
+
+.input_list.show{
+   display:block;
 
 }
-.input_list show.hide{
+.input_list .hide{
     display: none;
 }