Update SSL/malware/net error interstitial design

chrome/renderer/resources/neterror.js

Index: chrome/renderer/resources/neterror.js
diff --git a/chrome/renderer/resources/neterror.js b/chrome/renderer/resources/neterror.js
index 360d0b840c2b73591e5cc850e4972828a0963544..7270c7746310cdc332e33a5e2c7caa420239e3c9 100644
--- a/chrome/renderer/resources/neterror.js
+++ b/chrome/renderer/resources/neterror.js
@@ -3,13 +3,17 @@
 // found in the LICENSE file.
 
 function toggleHelpBox() {
-  var helpBoxOuter = document.getElementById('help-box-outer');
+  var helpBoxOuter = document.getElementById('details');
   helpBoxOuter.classList.toggle('hidden');
   var detailsButton = document.getElementById('details-button');
   if (helpBoxOuter.classList.contains('hidden'))
     detailsButton.innerText = detailsButton.detailsText;
   else
     detailsButton.innerText = detailsButton.hideDetailsText;
+
+  // Details appears over the main content on small screens.
+  if (mobileNav)
+    document.getElementById('main-content').classList.toggle('hidden');
 }
 
 function diagnoseErrors() {
@@ -53,6 +57,8 @@ function updateIconClass(classList, newClass) {
   if (newClass == 'icon-offline') {
     document.body.classList.add('offline');
     new Runner('.interstitial-wrapper');
+  } else {
+    document.body.classList.add('neterror');
   }
 }
 
@@ -135,7 +141,7 @@ function onDocumentLoad() {
   if (loadTimeData.valueExists('summary') &&
           !loadTimeData.getValue('summary').msg) {
     detailsButton.style.display = 'none';
-    document.getElementById('help-box-outer').style.display = 'block';
+    document.getElementById('details').style.display = 'block';
   }
 
   // Show control buttons.