Reinstate the error code to main content area + bug fixes on security / network interstitials

chrome/renderer/resources/neterror.css

Index: chrome/renderer/resources/neterror.css
diff --git a/chrome/renderer/resources/neterror.css b/chrome/renderer/resources/neterror.css
index e93543c2993fedb840811b48d19ff72d2cd59c3b..a630a5a181537131380276bf5e9a35c1c950a32a 100644
--- a/chrome/renderer/resources/neterror.css
+++ b/chrome/renderer/resources/neterror.css
@@ -58,6 +58,10 @@ a {
   position: relative;
 }
 
+.error-code {
+  display: block;
+}
+
 #content-top {
   margin: 20px;
 }
@@ -130,6 +134,12 @@ a {
   margin: auto;
 }
 
+.secondary-button {
+  -webkit-margin-end: 16px;
+  background: #d9d9d9;
+  color: #696969;
+}
+
 .hidden {
   display: none;
 }
@@ -147,12 +157,6 @@ a {
   color: #777;
 }
 
-.error-code {
-  color: #A0A0A0;
-  font-size: .825em;
-  margin-top: 15px;
-}
-
 /* Increase line height at higher resolutions. */
 @media (min-width: 641px) and (min-height: 641px) {
   #help-box-inner {
@@ -240,26 +244,28 @@ html[subframe] body {
 
 /* details-button is special; it's a <button> element that looks like a link. */
 #details-button {
-  background-color: inherit;
-  background-image: none;
-  border: none;
   box-shadow: none;
   min-width: 0;
-  padding: 0;
-  text-decoration: underline;
 }
 
 /* Styles for platform dependent separation of controls and details button. */
 .suggested-left > #control-buttons,
-.suggested-right > #details-button  {
+.suggested-left #stale-load-button,
+.suggested-right > #details-button {
   float: left;
 }
 
 .suggested-right > #control-buttons,
-.suggested-left > #details-button  {
+.suggested-right #stale-load-button,
+.suggested-left > #details-button {
   float: right;
 }
 
+.suggested-left .secondary-button {
+  -webkit-margin-end: 0px;
+  -webkit-margin-start: 16px;
+}
+
 #details-button.singular {
   float: none;
 }