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 81de561b5d849c1b5ab3562a74f21ac544661845..6b3a9619d3153daa347d344b07ad3d30d9be5093 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');
   }
 }
 
@@ -136,7 +142,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';
   }
 </if>