SafeBrowsing: update interstitial layouts

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

Index: components/security_interstitials/core/browser/resources/interstitial_v2_mobile.js
diff --git a/components/security_interstitials/core/browser/resources/interstitial_v2_mobile.js b/components/security_interstitials/core/browser/resources/interstitial_v2_mobile.js
index f296232387cf887bd5a238f8e53f0f30f26ce556..01dc05dc7603a0d621de2933e8563ef8928d8da6 100644
--- a/components/security_interstitials/core/browser/resources/interstitial_v2_mobile.js
+++ b/components/security_interstitials/core/browser/resources/interstitial_v2_mobile.js
@@ -12,10 +12,9 @@ function onResize() {
   var helpOuterBox = document.querySelector('#details');
   var mainContent = document.querySelector('#main-content');
   var mediaQuery = '(min-width: 240px) and (max-width: 420px) and ' +
-      '(max-height: 736px) and (min-height: 401px) and ' +
-      '(orientation: portrait), (max-width: 736px) and ' +
-      '(max-height: 420px) and (min-height: 240px) and ' +
-      '(min-width: 421px) and (orientation: landscape)';
+      '(min-height: 401px), ' +
+      '(max-height: 640px) and (min-height: 240px) and ' +

[edwardjung, 2017/04/21 12:16:30]

This max-height should match the value used in the css - 736px. otherwise you
get weird state of anchor buttons and the details text doesn't appear over the
main text. Specifically for net errors there isn't enough space underneath the
main content. 

[Nate Fischer, 2017/04/21 18:28:43]

Done. I couldn't see a difference either way--I'll trust your judgment here.

[edwardjung, 2017/04/24 10:30:40]

No difference to the SSL, malware interstitials. This is specifically for some
network error pages.

+      '(min-width: 421px)';
 
   var detailsHidden = helpOuterBox.classList.contains('hidden');
   var runnerContainer = document.querySelector('.runner-container');