Merge remote-tracking branch 'origin/main'

static/css/mobile_styles.css

@@ -22,6 +22,42 @@
         #img_msg_by_email{
             left: 33%;
         }
+
+        .cards_item_1,
+    .cards_item_2,
+    .cards_item_3,
+    .cards_item_4
+    {
+        width: 46%;
+        height: 180px;
+        background-size:60%;
+    }
+
+        .card_title_1{
+        font-size: 34px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 42px;
+        margin: 22px 0 0 10px;
+        text-shadow: 1px 1px 0px #272424;
+    }
+    .card_title_2{
+        font-size: 17px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 26px;
+        margin: 10px 0 0 10px;
+        text-shadow: 1px 1px 0px #272424;
+    }
+    .card_title_3{
+        margin: 10px 0 0 10px;
+        width: 95%;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+        text-shadow: 1px 1px 0px #272424;
+    }
 }
 @media (max-width: 1064px){
    .header_logo, .header_btn_mover, .header_btn_sender{
@@ -215,40 +251,8 @@
         margin-right: unset;
     }
 
-    .cards_item_1,
+
-    .cards_item_2,
+
-    .cards_item_3,
-    .cards_item_4
-    {
-        width: 46%;
-        height: 180px;
-        background-size:60%;
-    }
-    .card_title_1{
-        font-size: 34px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 42px;
-        margin: 22px 0 0 10px;
-        text-shadow: 1px 1px 0px #272424;
-    }
-    .card_title_2{
-        font-size: 17px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 26px;
-        margin: 10px 0 0 10px;
-        text-shadow: 1px 1px 0px #272424;
-    }
-    .card_title_3{
-        margin: 10px 0 0 10px;
-        width: 95%;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-        text-shadow: 1px 1px 0px #272424;
-    }
 
     summary{
         font-size: 18px;
@@ -414,22 +418,23 @@
     }
 
     .map_wrapper>img{
-        max-width: unset;
+        width: 72%;
-        width: 270%;
         height: auto;
-        left: 0;
+        right: 13%;
     }
 
     .benefit_img_about_service>figure>figcaption{
-        /*margin: 15px auto;*/
+        margin: 15px auto;
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 22px;
-        width: 197px;
+        width: 153px;
     }
     .benefit_img_about_service{
             flex-wrap: wrap;
+            text-align: center;
+            gap: unset;
     }
     figure {
     width: 32%;
@@ -480,13 +485,12 @@
     line-height: 36px;
         margin: unset;
     }
-    .map_wrapper{
+    #title_static_customer2{
-        display: none;
+        font-size: 24px;
-    }
+        margin-bottom: unset;
-    .text_wrapper{
-        background-image: url("/static/img/svg/mobMap.svg");
-        background-size: cover;
     }
+
+
     .arrange_subscribe{
         margin: 20px auto 20px auto;
     }
@@ -735,18 +739,21 @@
     .left_inputs_form,
     .right_inputs_form{
         float: none;
-        width: 99%;
+        width: 100%;
     }
     .inputs_l>input{
-        width: 93%;
+        width: calc(100% - 10px);
+    }
+    .inputs_l{
+        width: 100%;
     }
     .counter-box>textarea{
-        width: 99%;
+       width: calc(100% - 10px);
         max-width: unset;
         min-width: unset;
     }
     button#send_feedback_form{
-        width: 102%;
+        width: 100%;
     }
 /*   END feedback_form*/
 
@@ -1249,6 +1256,19 @@
         top: 27px;
         left: -83px;
     }
+    .text_wrapper{
+        background-size: 85%;
+        background-image: url(/static/img/svg/mobMap.svg);
+        background-repeat: no-repeat;
+        background-position: right;
+    }
+     .map_wrapper{
+        display: none;
+    }
+
+     .benefit_img_about_service{
+         gap: 20px;
+     }
 }
 
 @media (max-width: 466px) {
@@ -1288,6 +1308,8 @@
 
 
 
+
+
 }
 
 

static/css/styles.css

@@ -2229,7 +2229,7 @@ button#more_button{
 .counter-box{
     position: relative;
     display: inline-block;
-    width: 98%;
+    width: 100%;
 }
 
 .counter-box>textarea{
@@ -2264,7 +2264,7 @@ button#send_feedback_form{
     font-style: normal;
     font-weight: 600;
     line-height: 26px;
-    width: 100%;
+    width: 104%;
     margin-top: 13px;
 }
 

static/js/user_profile.js

@@ -512,8 +512,10 @@ function sendRoute(el, routeID = null){
             // let dataset = document.querySelector(`[data-number-of-route=${"routeID"}]`)
 
 
-            // let el_route_id = document.querySelector(`[data-number-of-route="${routeID}"]`);
+            let el_route = document.querySelector(`[data-number-of-route="${routeID}"]`);
-            // let el_route = document.querySelectorAll(".carrier-card")
+            // let el_routes = document.querySelectorAll(".carrier-card")
+            // el_route.scrollIntoView({behavior: "smooth",block:'start',inline:'start'});
+            el_route.scrollIntoView(true);
 
             //
             // let el_route_id = el_route.dataset.numberOfRoute;