diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index 1d93519..e63ca48 100644
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -1,13 +1,29 @@
/*media breakpoints*/
-@media (max-width: 360px) {
+
+@media (max-width: 360px){
+ .wrapper_content {
+ max-width: 325px;
+ }
+}
+
+@media (max-width: 1199px){ }
+
+@media (max-width: 991px){ }
+
+@media (max-width: 767px){ }
+
+@media (max-width: 575px){ }
+
+
+@media (max-width: 780px) {
body{
/*overflow-x: hidden;*/
}
- .wrapper_content{
- max-width: 325px;
- }
+ /*.wrapper_content{*/
+ /* max-width: 325px;*/
+ /*}*/
header{
padding: 5px 16px;
@@ -126,7 +142,11 @@
text-align: center;
}
.benefit_img_item{
- max-width: 100%;
+ width: 100%;
+ margin-bottom: 40px;
+ }
+ .button_container{
+ margin-top: unset;
}
.tab-btn-2{
margin: 0 0 5px 0;
@@ -143,6 +163,11 @@
flex-direction: column;
}
+ details{
+ width: 100%;
+ margin-right: unset;
+ }
+
.cards_item_1,
.cards_item_2,
.cards_item_3,
diff --git a/static/css/styles.css b/static/css/styles.css
index fea8c96..124a712 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -646,6 +646,7 @@ span.btn_profile_name {
}
/*Language select*/
+
.dropbtn_lang {
padding: 7px 0 7px 0;
cursor: pointer;
@@ -673,15 +674,15 @@ span.btn_profile_name {
color: transparent;
}
-.dropbtn_lang::after {
- /*background: rgba(0, 0, 0, 0) url("c_keyboard_arrow_down_48px-16.png") no-repeat scroll center center;*/
- content: "";
- height: 16px;
- position: absolute;
- right: 0;
- top: 7px;
- width: 16px;
-}
+/*.dropbtn_lang::after {*/
+/* !*background: rgba(0, 0, 0, 0) url("c_keyboard_arrow_down_48px-16.png") no-repeat scroll center center;*!*/
+/* content: "";*/
+/* height: 16px;*/
+/* position: absolute;*/
+/* right: 0;*/
+/* top: 7px;*/
+/* width: 16px;*/
+/*}*/
.dropdown-content-lang a:first-child
{
@@ -705,13 +706,17 @@ span.btn_profile_name {
display: block;
}
+.dropdown-content-lang.show{
+ display: block;
+}
+
/* Change color of dropdown links on hover */
.dropdown-content-lang a:hover {background-color: #f1f1f1}
/* Show the dropdown menu on hover */
-.dropdown_lang:hover .dropdown-content-lang {
- display: block;
-}
+/*.dropdown_lang:hover .dropdown-content-lang {*/
+/* display: block;*/
+/*}*/
/*END Language select*/
@@ -1108,7 +1113,6 @@ section.profile {
h2.title_new_route{
- font-family: Inter;
font-size: 44px;
font-style: normal;
font-weight: 700;
diff --git a/static/js/user_profile.js b/static/js/user_profile.js
index 88c1727..ed8c892 100644
--- a/static/js/user_profile.js
+++ b/static/js/user_profile.js
@@ -718,19 +718,32 @@ function editRoute(id) {
function showMenu(el, event) {
- let menu = document.querySelector('.dropdown-content')
- menu.classList.add('show')
+ let menu = document.querySelector('.dropdown-content');
+ if(menu.classList.contains('show')){
+ menu.classList.remove('show')
+ } else {
+ menu.classList.add('show')
+ }
}
-function hideMenu(event) {
- let menu = document.querySelector('.dropdown-content')
- if(event.currentTarget != event.relatedTarget && event.relatedTarget != null){
- menu.classList.remove('show')
- console.log('mouseOUT')
+function showLang(el) {
+ let lang = document.querySelector('.dropdown-content-lang');
+ if(lang.classList.contains('show')){
+ lang.classList.remove('show')
+ } else {
+ lang.classList.add('show')
}
}
+// function hideMenu(event) {
+// let menu = document.querySelector('.dropdown-content')
+// if(event.currentTarget !== event.relatedTarget && event.relatedTarget != null){
+// menu.classList.remove('show')
+// }
+//
+// }
+
function checkDate() {
let dateDeparture = document.getElementById('id_departure_DT');
let dateArrival = document.getElementById('id_arrival_DT');
diff --git a/templates/blocks/b_header.html b/templates/blocks/b_header.html
index ce40fd4..eeead6a 100644
--- a/templates/blocks/b_header.html
+++ b/templates/blocks/b_header.html
@@ -12,10 +12,10 @@
-
-
+