[Bugfix]JIRA : Nap-33 -> Responsive contact page

wp-content/themes/nap/assets/css/responsive.css

@@ -380,16 +380,17 @@
 	.header-filter-contact .open-filter{
 		cursor: pointer;
 	}
-	.contact-wrapper .form-wrapper h2:after{
+	.header-filter-contact:after {
 		content: '+';
 		display: inline-block;
-		float: right;
 		font-size: 30px;
 		line-height: 14px;
 		display: inline-block;
-		float: right;
+		position: absolute;
+		right: 22px;
+		top: 3px;
 	}
-	.contact-wrapper .form-wrapper h2.on:after{
+	.header-filter-contact.on:after{
 		content: '';
 		height: 2px;
 		width: 16px;
@@ -419,6 +420,7 @@
 	.contact-wrapper .form-wrapper h2{
 		padding-left: 25px;
 		padding-right: 21px;
+		width: calc(100% - 20px);
 	}
 	.form-wrapper h2{
 		padding-bottom: 24px;

wp-content/themes/nap/assets/js/main.js

@@ -8,7 +8,7 @@ $(function(){
 	});
 	$(document).find('.contact-form .open-filter').on('click', function(){
 		$('.contact-form form').slideToggle();
-		$(this).parent().find('h2').toggleClass('on');
+		$(this).parent().toggleClass('on');
 		checkFilterContactWrapper();
 	})
 
@@ -434,12 +434,12 @@ $(function(){
 			if ($('body #home').length){
 				$('.main').css('padding-top',0);
 			}
-			if ($('.filter-wrapper .header-filter-contact h2').hasClass('on')){
+			if ($('.filter-wrapper .header-filter-contact').hasClass('on')){
 				$('.filter, .left-panel .map, .details').show();
 			}else{
 				$('.filter, .left-panel .map, .details').hide();
 			}
-			if($('.contact-form h2').hasClass('on')){
+			if($('.contact-form .header-filter-contact').hasClass('on')){
 				$('.contact-form form').show();
 			}else{
 				$('.contact-form form').hide();

wp-content/themes/nap/assets/js/map.js

@@ -69,7 +69,7 @@ function selectZone(zone, initialClassDep, initialClassNum) {
 }
 function showMap(){
 	jQuery(document).find('.filter-wrapper .header-filter-contact .open-filter').on('click', function(){
-		var toggleButton = $(this).parent().find('h2');
+		var toggleButton = $(this).parent();
 		toggleButton.toggleClass('on');
 		$('.filter').appendMap();
 		if (toggleButton.hasClass('on')){

wp-content/themes/nap/contact.php

@@ -100,8 +100,8 @@ $post_ID = 157;
             </div>
             <div class="contact-form right border-l row gray-bg">
                 <div class="form-wrapper inner-form">
-                <div class="header-filter-contact">
-                    <h2 class="on">Je souhaite être <br> contacté</h2>
+                <div class="header-filter-contact on">
+                    <h2>Je souhaite être <br> contacté</h2>
                     <span class="open-filter abs-full display--only-mobile"></span>
                 </div>
                     <!--<form method="POST">