Update recurrent interstitial CSS to match specs

Bug: 839969
Change-Id: I5c0de5f31d997be815a2c956e279f06dc1047d84
Reviewed-on: https://chromium-review.googlesource.com/1058113Reviewed-by: Edward Jung <edwardjung@chromium.org>
Commit-Queue: Emily Stark <estark@chromium.org>
Cr-Commit-Position: refs/heads/master@{#558698}

components/security_interstitials/core/browser/resources/interstitial_large.html

@@ -33,7 +33,7 @@
         </div>
       </div>
       <div id="recurrent-error-message">
-        <p>$i18nRaw{recurrentErrorParagraph}</p>
+        $i18nRaw{recurrentErrorParagraph}
       </div>
       <div id="extended-reporting-opt-in" class="hidden">
         <label>

components/security_interstitials/core/common/resources/interstitial_common.css

@@ -188,6 +188,17 @@ input[type=checkbox]:checked ~ .checkbox::before {
   opacity: 1;
 }
 
+#recurrent-error-message {
+  background: #ededed;
+  padding: 12px 16px;
+  margin-top: 12px;
+  margin-bottom: 16px;
+}
+
+.showing-recurrent-error-message #extended-reporting-opt-in {
+  margin-top: 16px;
+}
+
 @media (max-width: 700px) {
   .interstitial-wrapper {
     padding: 0 10%;
@@ -456,13 +467,3 @@ input[type=checkbox]:checked ~ .checkbox::before {
     padding-right: 0;
   }
 }
-
-#recurrent-error-message {
-  background: #efefef;
-  padding: 14px;
-  margin-top: 7px;
-}
-
-.showing-recurrent-error-message #extended-reporting-opt-in {
-  margin-top: 14px;
-}