0.0.49 upd styles.css

static/css/styles.css

@@ -879,7 +879,7 @@ select {
     font-weight: 400;
     line-height: 22px;
     appearance: none;
-    background: url("/static/img/png/icon-arrow.png") no-repeat calc(100% - 15px) center;
+    background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center;
 }
 
 
@@ -902,7 +902,7 @@ select#id_type_transport{
     font-weight: 400;
     line-height: 22px;
     appearance: none;
-    /*background: url("/static/img/png/icon-arrow.png") no-repeat calc(100% - 15px) center;*/
+
 }
 
 hr {
@@ -914,9 +914,8 @@ hr {
 form.new_route>div{
     margin-bottom: 30px;
     margin-top: 30px;
-    display: block ruby;
+    /*display: block ruby;*/
-    flex-direction: row;
+
-    flex-wrap: wrap;
 }
 form.new_route>div.range-slider{
     margin-bottom: 30px;
@@ -929,14 +928,25 @@ form.new_route{
 
 }
 
-.departure_arrival>div,
+.departure_arrival>div:first-child,
-.from_to_place>div,
+.from_to_place>div:first-child,
-.from_to_country>div
+.from_to_country>div:first-child,
+.phone>div:first-child
 {
-    display: flex;
+    width: 50%;
-    flex-direction: column;
+    float: left;
-    flex: 1;
+    margin-bottom: 20px;
-    margin-right: 20px;
+
+
+}
+.departure_arrival>div:last-child,
+.from_to_place>div:last-child,
+.from_to_country>div:last-child,
+.phone>div:last-child
+{
+    width: 50%;
+    float: right;
+    margin-bottom: 20px;
 
 }
 
@@ -952,10 +962,16 @@ div.from_to_country>div>input:nth-child(3){
     font-weight: 400;
     line-height: 22px;
     appearance: none;
-    background: url("/static/img/png/icon-arrow.png") no-repeat calc(100% - 15px) center;
+    background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center;
     width: 392px;
     height: 60px;
 }
+
+input[type="datetime-local"] {
+     width: 160px;
+}
+
+
 div.departure_arrival>div>input{
     display: block;
     border-radius: 15px;
@@ -1069,6 +1085,23 @@ div.from_to_place>div>select{
 
 }
 
+input#id_phone,
+input#id_extra_phone
+{
+    display: block;
+    height: 60px;
+    width: 394px;
+    border-radius: 15px;
+    border: 2px solid #E6E6E6;
+    color:  #272424;
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    appearance: none;
+}
+
 
 /*my routes*/
 

templates/blocks/profile/b_new_route.html

@@ -27,15 +27,17 @@
 
 <hr>
 <div class="departure_arrival">
-  <div>
+  <div class="input_wrapper">
       <label for="id_departure_DT">{{ form.fields.departure_DT.label }}</label>
-       <input
+
+      <input
                type="datetime-local"
                name="departure_DT"
                {% if form.fields.departure_DT.required %} required{% endif %}
                id="id_departure_DT"
                {% if form.data.departure_DT %}value="{{ form.data.departure_DT }}"{% endif %}
        />
+
       {% if form.errors and form.errors.departure_DT %}
           <span>{{ form.errors.departure_DT }}</span>
       {% endif %}
@@ -202,12 +204,13 @@
 
 <hr>
 
-<div>
+<div class="phone">
   <div>
     <label for="id_phone">{{ form.fields.phone.label }}</label>
     <input
             type="text"
             name="phone"
+            placeholder="{{ form.fields.phone.label }}"
             {% if form.fields.phone.required %} required{% endif %}
             id="id_phone"
             {% if form.cleaned_data.phone %}value="{{ form.cleaned_data.phone}}"{% endif %}
@@ -225,6 +228,7 @@
             type="text"
             name="extra_phone"
             id="id_extra_phone"
+            placeholder="{{ form.fields.extra_phone.label }}"
             {% if form.cleaned_data.extra_phone %}value="{{ form.cleaned_data.extra_phone}}"{% endif %}
     />
   {% if form.errors and form.errors.extra_phone %}