Make enhanced protection block tappable on mobile.

The "turn on enhanced protection" text is less than 48dp tall. As a
workaround, make the entire block tappable on mobile:
http://screen/Tsh8yQNYnrLNgeW

Bug: 1097120
Change-Id: I20c7e280609ad48ac9bebd74520c3cfebed6e885
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2466723Reviewed-by: Carlos IL <carlosil@chromium.org>
Commit-Queue: Xinghui Lu <xinghuilu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#816774}

components/security_interstitials/core/browser/resources/enhanced_protection_message.js

@@ -21,11 +21,21 @@ function setupEnhancedProtectionMessage() {
   }
 
   if ($('enhanced-protection-link')) {
-    $('enhanced-protection-link').addEventListener('click', function() {
-      sendCommand(
-          SecurityInterstitialCommandId.CMD_OPEN_ENHANCED_PROTECTION_SETTINGS);
-      return false;
-    });
+    if (mobileNav) {
+      // To make sure the touch area of the link is larger than the
+      // minimum touch area for accessibility, make the whole block tappable.
+      $('enhanced-protection-message').addEventListener('click', function() {
+        sendCommand(SecurityInterstitialCommandId
+                        .CMD_OPEN_ENHANCED_PROTECTION_SETTINGS);
+        return false;
+      });
+    } else {
+      $('enhanced-protection-link').addEventListener('click', function() {
+        sendCommand(SecurityInterstitialCommandId
+                        .CMD_OPEN_ENHANCED_PROTECTION_SETTINGS);
+        return false;
+      });
+    }
   }
   $('enhanced-protection-message').classList.remove('hidden');