Intersitial page updates

chrome/browser/resources/security_warnings/interstitial_v2.css

Index: chrome/browser/resources/security_warnings/interstitial_v2.css
diff --git a/chrome/browser/resources/security_warnings/interstitial_v2.css b/chrome/browser/resources/security_warnings/interstitial_v2.css
index 78bd05d821e5c18f289af99870b20097080ea0ca..a847191b8d9ac197f4abe56a7fd247eea65b53eb 100644
--- a/chrome/browser/resources/security_warnings/interstitial_v2.css
+++ b/chrome/browser/resources/security_warnings/interstitial_v2.css
@@ -184,6 +184,12 @@ input[type=checkbox] {
       url(images/2x/stop_sign.png) 2x);
 }
 
+.secondary-button {
+  -webkit-margin-end: 16px;
+  background: #d9d9d9;
+  color: #696969;
+}
+
 .small-link {
   color: #696969;
   font-size: .875em;
@@ -305,6 +311,11 @@ input[type=checkbox] {
     border: 0;
     margin: 20px 0 0;
   }
+
+  .secondary-button {
+    -webkit-margin-end: 0;
+    margin-top: 16px;
+  }
 }
 
 /* Fixed nav. */
@@ -313,7 +324,7 @@ input[type=checkbox] {
        (min-width: 421px) and (max-width: 736px) and (min-height: 240px) and
        (max-height: 420px) and (orientation:landscape) {
 
-  body:not(.offline) .nav-wrapper {
+  body .nav-wrapper {
     background: #f7f7f7;
     bottom: 0;
     left: 0;
@@ -408,7 +419,7 @@ input[type=checkbox] {
 }
 
 @media (min-height: 400px) and (orientation:portrait) {
-  body:not(.safe-browsing-has-checkbox):not(.offline) .interstitial-wrapper {
+  body:not(.safe-browsing-has-checkbox) .interstitial-wrapper {
     margin-bottom: 145px;
   }
 }
@@ -457,7 +468,7 @@ input[type=checkbox] {
     height: 40px;
   }
 
-  body:not(.neterror) .icon {
+  body:not(.offline) .icon {
     height: 80px;
     width: 80px;
   }
@@ -485,17 +496,12 @@ input[type=checkbox] {
   .nav-wrapper {
     padding: 28px;
   }
-
-  .neterror .icon {
-    height: 80px;
-    width: 65.6px;
-  }
 }
 
 @media (min-width: 420px) and (max-width: 736px) and
        (min-height: 240px) and (max-height: 298px) and
        (orientation:landscape) {
-  body:not(.neterror) .icon {
+  body:not(.offline) .icon {
     height: 50px;
     width: 50px;
   }
@@ -563,7 +569,7 @@ input[type=checkbox] {
 @media (max-height: 240px) and (orientation: landscape),
        (max-height: 480px) and (orientation: portrait),
        (max-width: 419px) and (max-height: 323px) {
-  body:not(.neterror) .icon {
+  body:not(.offline) .icon {
     height: 56px;
     width: 56px;
   }
@@ -575,7 +581,8 @@ input[type=checkbox] {
 
 /* Small mobile screens. No fixed nav. */
 @media (max-height: 400px) and (orientation: portrait),
-       (max-height: 240px) and (orientation: landscape) {
+       (max-height: 240px) and (orientation: landscape),
+       (max-width: 419px) and (max-height: 360px) {
   .interstitial-wrapper {
     display: flex;
     flex-direction: column;