0.0.132 search routes

static/v2/css/widgets/w_route_card.css

@@ -195,6 +195,8 @@
                         height: calc(100% - 10px);
                         width: 4px;
                         background-repeat: repeat-y;
+                        background-image: url("/static/v2/icons/widgets/w_route_card/route_arrow_mobile.svg");
+                        background-size: 4px;
                     }
                 }
                 .route_transport, .route_date_data{
@@ -358,11 +360,11 @@
         }
     }
     .route_btn{
-        @media (max-width: 1160px) {
-            &.phone{display: none;};
-            &.mobile{display: flex!important;}
-        }
         &.mobile{display: none;}
+        @media (max-width: 1160px) {
+            &.mobile{display: flex;}
+            &.hide_in_mobile{display: none!important;};
+        }
 
         cursor: pointer;
         &.solid{
@@ -384,6 +386,7 @@
         height: var(--route-btn-height);
         margin: var(--route-btn-margin);
         text-align: center;
+        justify-content: center;
         transition: 200ms all;
         &:has(img){
             display: flex;
@@ -456,6 +459,11 @@
         margin-top: var(--route-number-margin-top);
     }
     .respond_route_cont{
+        &.mobile{display: none;}
+        @media (max-width: 1160px) {
+            display: none;
+            &.mobile{display: grid;}
+        }
         display: grid;
         grid-template-columns: calc(100% - 47px) 37px;
         gap: 10px;

static/v2/js/widgets/w_route_card.js

@@ -118,8 +118,9 @@ function highlightRoute(el) {
 
 function respondBtnClickEvent(el) {
     if (!el) return;
-    let $parent = el.closest(".route_card_owner_info")
+    let $parent = el.closest(".w_route_card")
     let $responde_cont = $parent.querySelector(".respond_route_cont")
+    if (window.innerWidth < 1160) $responde_cont = $parent.querySelector(".respond_route_cont.mobile")
 
     $(el).fadeOut(500);
     sleep(500).then(() => {