diff --git a/static/v2/css/widgets/w_route_card.css b/static/v2/css/widgets/w_route_card.css index 1dc8d72..95b734c 100644 --- a/static/v2/css/widgets/w_route_card.css +++ b/static/v2/css/widgets/w_route_card.css @@ -6,11 +6,17 @@ --route-text-container-bg: #F1F1F1; --route-text-container-padding: 15px; - --route-text-container-margin: 7px 0 0 51px; + --route-text-container-margin: 0 0 0 51px; --route-text-container-border-radius: 10px; --route-text-img-filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(256%) hue-rotate(113deg) brightness(115%) contrast(89%); --route-card-owner-avatar-size: 52px; + --route-owner-name-font-size: 16px; + + --route-owner-type-font-size: 14px; + --route-owner-type-color: #065BFF; + + --route-cargo-type-color: #000000; background: var(--route-card-bg); box-shadow: var(--route-card-box_shadow); @@ -42,6 +48,7 @@ border-radius: var(--route-text-container-border-radius); } .route_card_owner_info{ + height: 47px; margin-left: 75px; display: flex; align-items: center; @@ -51,6 +58,30 @@ display: flex; align-items: center; gap: 10px; + .card_owner_name{ + font-weight: 600; + font-size: var(--route-owner-name-font-size); + } + .card_splitter{ + height: 22px; + width: 2px; + background: #E6E6E6; + } + .card_owner_type{ + font-size: var(--route-owner-type-font-size); + color: var(--route-owner-type-color); + font-weight: 600; + } + .card_cargo_type{ + display: flex; + align-items: center; + gap: 5px; + font-size: var(--route-owner-type-font-size); + color: var(--route-cargo-type-color); + font-weight: 600; + + div.orange{color: #FF613A} + } } } } diff --git a/templates/v2/forms/f_make_mover_order.html b/templates/v2/forms/f_make_mover_order.html index 4dd85dc..c51f798 100644 --- a/templates/v2/forms/f_make_mover_order.html +++ b/templates/v2/forms/f_make_mover_order.html @@ -26,16 +26,16 @@