0.0.51 w route card

static/v2/css/widgets/w_route_card.css

@@ -39,12 +39,16 @@
     --route-btn-hover-text-color: #FFFFFF;
     --route-btn-title-color: #272424;
     --route-btn-text-data-color:  #27242499;
+    --route-btn-margin: 0;
 
     --route-date-data-justify: center;
     --route-date-data-margin: 4px 0 0 0;
 
     --card-splitter-bg: #E6E6E6;
 
+    --route-number-font-size: 12px;
+    --route-number-margin-top: 5px;
+
     background: var(--route-card-bg);
     margin: var(--route-card-margin);
     box-shadow: var(--route-card-box_shadow);
@@ -166,7 +170,10 @@
                     }
                     &.route_date_data{
                         margin-top: 0;
-                        margin-bottom: 39px;
+                        margin-bottom: 5px;
+                        &:last-of-type{
+                            margin-bottom: 39px;
+                        }
                     }
                     justify-content: left!important;
                 }
@@ -181,6 +188,7 @@
             } &:has(.departure_from){
                 .place{justify-content: left}
             }
+            @media (max-width: 1160px) {.place{justify-content: left!important;}}
             .label{
                 color: #27242499;
                 font-size: var(--big-font-size);
@@ -312,7 +320,7 @@
     .route_btn{
         @media (max-width: 1160px) {
             &.phone{display: none;};
-            &.mobile{display: block;}
+            &.mobile{display: flex!important;}
         }
         &.mobile{display: none;}
 
@@ -334,6 +342,7 @@
         padding: var(--route-btn-padding);
         background: var(--route-btn-bg);
         height: var(--route-btn-height);
+        margin: var(--route-btn-margin);
         text-align: center;
         transition: 200ms all;
         &:has(img){
@@ -391,4 +400,15 @@
         gap: 21px;
         margin: 20px 0;
     }
+    .route_number{
+        @media (max-width: 1160px) {
+            --route-number-font-size: 10px;
+            --route-number-margin-top: 10px;
+        }
+        color: #000000;
+        width: 100%;
+        text-align: right;
+        font-size: var(--route-number-font-size);
+        margin-top: var(--route-number-margin-top);
+    }
 }

templates/v2/widgets/w_customer_route_card.html

@@ -24,6 +24,7 @@
                 {% trans "Комментарий отсутствует" %}
             {% endif %}
         </div>
+        <div class="route_number">{% trans "Объявление №" %} {{ route.id }}</div>
     </div>
     <div class="route_card_route_data">
         <div class="from_to_place_data">
@@ -107,12 +108,6 @@
                         {{ route.from_city.name }}/{{ route.from_city.country.name }}
                     </div>
                 </div>
-                {% if route.owner_type == 'mover' %}
-                    <div class="route_date_data">
-                        {% trans "Отправка:" %}
-                        <div class="date_data_value">{{ route.departure_DT|date:'d F Y' }}</div>
-                    </div>
-                {% endif %}
             </div>
             <div class="route_way_data">
                 <div class="route_transport">
@@ -132,6 +127,15 @@
                         {% trans "Дата доставки:" %}
                         <div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
                     </div>
+                {% else %}
+                    <div class="route_date_data">
+                        {% trans "Отправка:" %}
+                        <div class="date_data_value">{{ route.departure_DT|date:'d F Y' }}</div>
+                    </div>
+                    <div class="route_date_data">
+                        {% trans "Прибытие:" %}
+                        <div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
+                    </div>
                 {% endif %}
             </div>
             <div class="from_to_place_data">
@@ -145,12 +149,6 @@
                         {{ route.to_city.name }}/{{ route.to_city.country.name }}
                     </div>
                 </div>
-                {% if route.owner_type == 'mover' %}
-                    <div class="route_date_data">
-                        {% trans "Прибытие:" %}
-                        <div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
-                    </div>
-                {% endif %}
             </div>
         </div>
     </div>
@@ -170,7 +168,7 @@
             </div>
         </div>
     </div>
-    <div class="route_btn phone mobile inactive" style="--route-btn-width: 100%;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;">
+    <div class="route_btn phone mobile inactive" style="--route-btn-width: auto;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;--route-btn-margin: 20.5px 0 0 0;">
         <img src="{% static "v2/icons/widgets/w_route_card/phone_half_opacity.svg" %}" alt="">
         <div class="route_btn_title big">{{ route.phone }}</div>
     </div>