fix(Pack - DMZ): Hidden tooltip - review

ovh-ux · Jan 24, 2018 · 42ce2ea · 42ce2ea
1 parent 1d60fae
commit 42ce2ea
Showing 1 changed file with 18 additions and 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
@@ -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>