SafeBrowsing: update interstitial layouts

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

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var mobileNav = false;
 
 /**
  * For small screen mobile the navigation buttons are moved
  * below the advanced text.
  */
 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');
 
   // Check for change in nav status.
   if (mobileNav != window.matchMedia(mediaQuery).matches) {
     mobileNav = !mobileNav;
 
     // Handle showing the top content / details sections according to state.
     if (mobileNav) {
@@ skipping 12 matching lines @@
     }
   }
 }
 
 function setupMobileNav() {
   window.addEventListener('resize', onResize);
   onResize();
 }
 
 document.addEventListener('DOMContentLoaded', setupMobileNav);