From 42ce2ea2afeadacf59c8a5d963f4d0216a550bf9 Mon Sep 17 00:00:00 2001
From: feoche <francois.eoche@corp.ovh.com>
Date: Wed, 24 Jan 2018 11:29:59 +0100
Subject: [PATCH] fix(Pack - DMZ): Hidden tooltip - review

---
 .../pack/xdsl/modem/pack-xdsl-modem.html      | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/client/app/telecom/pack/xdsl/modem/pack-xdsl-modem.html b/client/app/telecom/pack/xdsl/modem/pack-xdsl-modem.html
index 527c5a5c9..310a278d0 100644
--- a/client/app/telecom/pack/xdsl/modem/pack-xdsl-modem.html
+++ b/client/app/telecom/pack/xdsl/modem/pack-xdsl-modem.html
@@ -58,14 +58,16 @@ <h2 class="widget-presentation-title" data-translate="xdsl_modem_general_config"
                     <div data-ui-view="@wifiView"></div>
                 </div>
 
-                <div class="my-3 w-50"
+                <div class="my-3"
                      data-ng-class="{ 'disabled' : !XdslModem.mediator.capabilities.canChangeEasyFirewallLevel }">
-                    <span class="tooltip-label"
-                          data-uib-tooltip="{{'xdsl_modem_firewall_description' | translate}}"
-                          data-tooltip-placement="right"
-                          data-tooltip-append-to-body="true"
-                          data-translate="xdsl_modem_firewall">
-                    </span>
+                    <label for="configFirewall">
+                        <span class="tooltip-label"
+                              data-uib-tooltip="{{'xdsl_modem_firewall_description' | translate}}"
+                              data-tooltip-placement="right"
+                              data-tooltip-append-to-body="true"
+                              data-translate="xdsl_modem_firewall">
+                        </span>
+                    </label>
                     <div data-ui-view="@firewallView"></div>
                 </div>
 
@@ -88,13 +90,15 @@ <h2 class="widget-presentation-title" data-translate="xdsl_modem_advanced_config
                     <div data-ui-view="@bridgeModeView"></div>
                 </div>
 
-                <div class="my-3 w-50" data-ng-class="{ 'disabled' : !XdslModem.mediator.capabilities.canChangeMtu || XdslModem.mediator.tasks.changeMTU }">
-                    <span class="tooltip-label"
-                          data-uib-tooltip="{{'xdsl_modem_mtu_description' | translate}}"
-                          data-tooltip-placement="right"
-                          data-tooltip-append-to-body="true"
-                          data-translate="xdsl_modem_mtu">
-                    </span>
+                <div class="my-3" data-ng-class="{ 'disabled' : !XdslModem.mediator.capabilities.canChangeMtu || XdslModem.mediator.tasks.changeMTU }">
+                    <label for="configMtu">
+                        <span class="tooltip-label"
+                              data-uib-tooltip="{{'xdsl_modem_mtu_description' | translate}}"
+                              data-tooltip-placement="right"
+                              data-tooltip-append-to-body="true"
+                              data-translate="xdsl_modem_mtu">
+                        </span>
+                    </label>
                     <div data-ui-view="@mtuView"></div>
                 </div>