0.0.167 routes

static/v2/css/pages/p_search_route_results.css

@@ -24,7 +24,7 @@
         margin-top: 40px;
     }
     @media (max-width: 800px) {
-        grid-template-columns: 1fr;
+        grid-template-columns: 100%;
     }
     @media (max-width: 768px) {
         margin-top: 40px;

static/v2/css/widgets/w_route_card.css

@@ -503,6 +503,12 @@
             align-items: center;
             justify-content: center;
             text-align: unset;
+            .route_btn_title{
+                max-width: calc(100% - 21px);
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
         }
         &:not(&.inactive):not(&.unhovered){
             &:hover{
@@ -576,6 +582,9 @@
         display: grid;
         grid-template-columns: calc(100% - 47px) 37px;
         gap: 10px;
+        .route_btn{
+            max-width: fit-content!important;
+        }
     }
     .chat_btn{
         padding: 6.5px;

templates/v2/content_widgets/w_route_card/route_card_actions_container_for_search.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 <div class="respond_route_cont mobile" style="display: none;margin-top: 23px;">
-    <div class="route_btn unhovered" style="--route-btn-width: max-content;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;">
+    <div class="route_btn unhovered" style="--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;">
         <img src="{% static "v2/icons/widgets/w_route_card/phone.svg" %}" alt="">
         <div class="route_btn_title big">
             {% if route.phone %}