0.0.241 upd carrier-card

static/css/mobile_styles.css

@@ -93,7 +93,7 @@
 }
 
 }
-@media (max-width: 1024px)  {
+@media (max-width: 1024px){
 
    .wrapper_content {
         margin: 20px;
@@ -263,6 +263,7 @@
     #title_static{
         font-size: 33px;
         line-height: 42px;
+        margin-bottom: 15px;
     }
 
     .subscribe_inf_left_part{
@@ -725,7 +726,7 @@
         left: 1px;
     }
     .info_profile{
-        width: 60%;
+        width: 69%;
         float: none;
         /*margin-left: 25px;*/
     }
@@ -874,6 +875,7 @@
     .left-part-carrier-card, .inf_carrier_container{
         width: unset;
         float: none;
+        padding: 1px 15px;
         }
     .inf_carrier_container{
         padding-top: 70px;
@@ -922,6 +924,15 @@
 
     }
 
+    .carrier-title,
+    .type_transportation_carrier{
+        font-size: 14px;
+        text-align: center;
+        width: unset;
+        float: unset;
+        margin-top: 20px;
+    }
+
     .line_inf_about_moving{
         font-size: 12px;
         font-style: normal;
@@ -940,6 +951,8 @@
     .from-to-city-text{
         font-size: 12px;
         font-weight: 400;
+        padding-bottom: 10px;
+        padding-top: unset;
     }
     .arrow_inf_about_moving{
         top: 7px;
@@ -954,7 +967,7 @@
         text-align: center;
     }
     .inf_carrier_icon{
-        width: 7%;
+        width: 3%;
     }
     .name_carrier{
         font-size: 12px;
@@ -1135,7 +1148,13 @@
     }
 
 }
-
+@media (max-width: 950px){
+.info_profile{
+        width: 65%;
+        float: none;
+        /*margin-left: 25px;*/
+    }
+}
 @media (max-width: 847px){
      .container_subscribe{
         margin: 20px 16px;
@@ -1173,12 +1192,21 @@
     /*.from_address_point_txt.find_route.first {*/
     /*    width: 54.1%;*/
     /*}*/
+    .inf_carrier_icon{
+        width: 4%;
+    }
+
+    .info_profile{
+        width: 62%;
+        float: none;
+        /*margin-left: 25px;*/
+    }
 
 }
 @media (max-width: 776px){
 
     .info_profile {
-    width: 54%;
+    width: 56%;
     float: none;}
 
 
@@ -1242,6 +1270,9 @@
         flex-direction: unset;
         justify-content: space-evenly;
     }
+    .inf_carrier_icon{
+        width: 3%;
+    }
 }
 @media (max-width: 687px){
     /*.to_address_point_txt.find_route {*/
@@ -1341,6 +1372,9 @@
      .benefit_img_about_service{
          gap: 20px;
      }
+     .inf_carrier_icon{
+        width: 4%;
+    }
 }
 
 @media (max-width: 466px) {
@@ -1368,6 +1402,9 @@
     figure {
      width: unset;
 }
+      .inf_carrier_icon {
+    width: 5%;
+}
 
 
 }
@@ -1382,6 +1419,8 @@
 
 
 
+
+
 }
 
 

templates/widgets/w_carrier_card.html

@@ -1,9 +1,10 @@
 {% load static %}
+{% load i18n %}
 <div class="carrier-card" data-number-of-route="{{ route.id }}">
     <div class="left-part-carrier-card">
         <div class="first-line-card-carrier">
             <div class="carrier-title">
-                Перевозчик:
+               {% translate "Перевозчик:" %}
             </div>
             <div class="type_transportation_carrier">
                 {{ route.get_type_transport_display }}
@@ -24,7 +25,7 @@
     </div>
 {#    <div class="splliter-left-right-part-carrier-card"></div>#}
     <div class="inf_carrier_container">
-        <div class="title_container_inf_carrier">Контакты отправителия:</div>
+        <div class="title_container_inf_carrier">{% translate "Контакты отправителия:" %}</div>
         <div>
             <img src="{% static "/delete_later/Avatar.png" %}">
             <span class="name_carrier">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>
@@ -51,10 +52,10 @@
             {% if route.owner != user %}
                 <button class="open_chat_carrier" onclick="open_chat({{ route.owner_id }})">
                     <img src="{% static "img/svg/Logo.svg" %}" width="30px">
-                    <span >Написать сообщение</span>
+                    <span> {% translate "Написать сообщение" %}</span>
     {#                <img src="{% static "/img/svg/email.svg" %}" width="25px" style="position:relative;left: 3px;">#}
                 </button>
-                <button class="open_inf_carrier" onclick="show_inf_carrier(this)">Открыть контакт</button>
+                <button class="open_inf_carrier" onclick="show_inf_carrier(this)">{% translate "Открыть контакт"%}</button>
             {% endif %}
         </div>