diff --git a/amadeus/static/css/base/amadeus.css b/amadeus/static/css/base/amadeus.css index d8a283d..c878310 100755 --- a/amadeus/static/css/base/amadeus.css +++ b/amadeus/static/css/base/amadeus.css @@ -24,19 +24,6 @@ a:focus { .language-selector > ul img{ width: 15%; } -.language-selector-on-header{ - float: left; - width: 5%; -} - -.language-selector-on-header img{ - margin-top: 15%; - width: 40%; -} -.language-selector-on-header > ul img{ - width: 30%; - margin-top: 0%; -} .navbar-header{ width: 20%; diff --git a/amadeus/static/css/base/amadeus_responsive.css b/amadeus/static/css/base/amadeus_responsive.css index 02c4fc6..cab4b14 100644 --- a/amadeus/static/css/base/amadeus_responsive.css +++ b/amadeus/static/css/base/amadeus_responsive.css @@ -33,6 +33,23 @@ } @media(max-width: 768px) { + .language-selector-on-header img{ + display: none; + } + .language-selector-on-header > ul img{ + display:none; + } + + .language-selector-on-header h4{ + color:white; + } + + .language-selector-on-header .dropdown-menu{ + width: 100%; + position: relative; + } + + #btn-search { margin-top: -5px; height: 30px; @@ -85,6 +102,26 @@ } @media(min-width: 768px) { + + .language-selector-on-header{ + float: left; + width: 5%; + } + + .language-selector-on-header img{ + margin-top: 15%; + width: 30px; + } + .language-selector-on-header > ul img{ + width: 30%; + margin-top: 0%; + } + + + .language-selector-on-header .title{ + display:none; + } + .navbar { height: 50px; } diff --git a/amadeus/templates/base.html b/amadeus/templates/base.html index 039dcdf..f2a65a4 100644 --- a/amadeus/templates/base.html +++ b/amadeus/templates/base.html @@ -97,6 +97,10 @@ + + +

{% trans "Language Selector" %}

+