diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index f48b8dc..38a57d4 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -11,6 +11,10 @@ .benefit_img_about_service>figure>img{ width: 173px; } + .from-to-country-container-carrier{ + padding-right: unset; + width: unset; + } .type_of_subscribes{ align-items: center; @@ -120,7 +124,7 @@ margin-right: 26px; } header .header-first{ - margin-top: 5px; + margin-top: 20px; } header .header-second { @@ -216,6 +220,10 @@ top: 43px; } + .self_news_img{ + width: 40%; + } + .registration_button, .enter_button{ display: none; @@ -912,7 +920,7 @@ padding-right: 10px; } .splitter-from-to-country{ - margin-left: 5%; + margin-left: 8%; } .from-to-country-text.left, .from-to-country-text.right{ @@ -1063,7 +1071,8 @@ font-style: normal; font-weight: 400; line-height: 20px; - margin: 20px auto; + /*margin: 20px auto;*/ + margin: 0 auto 20px; width: 100%; } @@ -1156,6 +1165,12 @@ } } @media (max-width: 847px){ + + .info_profile{ + width: 61%; + float: none; + /*margin-left: 25px;*/ + } .container_subscribe{ margin: 20px 16px; width: unset; @@ -1202,12 +1217,18 @@ /*margin-left: 25px;*/ } + + } @media (max-width: 776px){ .info_profile { width: 56%; - float: none;} + float: none; + } + + + .benefit_img>img{ @@ -1282,8 +1303,13 @@ /* width: 52.1%;*/ /*}*/ + .self_news_img{ + width: 45%; + } + .subscribe_inf{ width: 95%; + margin-bottom: 20px; } .subscribe_inf_right_part{ width: 100%; @@ -1309,6 +1335,29 @@ } @media (max-width: 575px) { + .self_news_img{ + width: 100%; + margin-left: unset; + float: unset; + margin-bottom: 20px; + } + + .inf_carrier{ + margin-bottom: unset; + } + + .previous_next_news{ + flex-wrap: wrap; + } + .previous_next_news>.news_item:nth-child(2){ + margin: unset; + margin-bottom: 40px; + } + + .splitter-from-to-country{ + margin-left: 7%; + } + #how_it_work_b{ width: 100%; margin-top: 20px; @@ -1349,9 +1398,10 @@ /* width: 51.1%;*/ /*}*/ .another_subscribe{ - padding: unset; + padding: 15px 0 0; flex-direction: column; justify-content: unset; + } .dropdown-content{ @@ -1394,21 +1444,42 @@ } @media (max-width: 440px){ + + .splitter-from-to-country { + margin-left: 5%; + } .benefit_img_about_service { flex-direction: column; align-content: center; -} + } figure { width: unset; -} + } + button.confirm_remove{ + width: 48.5%; + margin-bottom: 7px; + } + .phones_carrier_span, .email_carrier_span{ + top: -1px; + } .inf_carrier_icon { - width: 5%; + width: 6%; } } @media (max-width: 360px){ + + .tab-btn-1{ + padding: 5px 0 0; + } + .tab-btn-2{ + padding: 0 0 5px; + } + .tab-btn-active{ + padding: 10px; + } .wrapper_tab_button{ width: 55%; diff --git a/static/css/styles.css b/static/css/styles.css index 2f4ea36..76eeeea 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -2776,6 +2776,12 @@ details[open] summary ~ *{ margin: 0 auto 10px; border-radius: 15px; } + +.news_item_pagination>a{ + color: black; +} + + .pag_news_img { width: 20%; @@ -2824,7 +2830,7 @@ details[open] summary ~ *{ .self_news_img{ float: right; - width: 30%; + width: 40%; margin-left: 20px; } diff --git a/static/js/user_profile.js b/static/js/user_profile.js index 413abee..e0aa2b3 100644 --- a/static/js/user_profile.js +++ b/static/js/user_profile.js @@ -534,6 +534,8 @@ function sendRoute(el, routeID = null){ document.querySelector(".info_profile").innerHTML = data.responseJSON.html; // $(el).attr('disabled', 'false') + document.getElementById('id_type_transport').scrollIntoView({behavior: "smooth",block:'nearest',inline:'nearest'}); + sliderInit(); diff --git a/templates/pages/p_article.html b/templates/pages/p_article.html index d88b3af..a611a87 100644 --- a/templates/pages/p_article.html +++ b/templates/pages/p_article.html @@ -8,8 +8,9 @@