From f91e5768c4206354418f8dc18cc49575ebac1c52 Mon Sep 17 00:00:00 2001
From: Srilal Sachintha <37685396+SrilalS@users.noreply.github.com>
Date: Fri, 31 Jul 2020 21:42:41 +0530
Subject: [PATCH] fix(style): Update 404 pages paragraph styles

Because:
* The line-height on paragraphs on 404 pages did not match the line-height on other FxA pages.

This commit:
* Adds a class on the 404 page `p` tag and adds styles.
---
 packages/fxa-content-server/app/styles/_layout.scss          | 5 +++++
 .../fxa-content-server/server/templates/pages/src/404.html   | 4 ++--
 packages/fxa-payments-server/public/404.html                 | 4 ++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/fxa-content-server/app/styles/_layout.scss b/packages/fxa-content-server/app/styles/_layout.scss
index 473b3608c8..765161bffc 100644
--- a/packages/fxa-content-server/app/styles/_layout.scss
+++ b/packages/fxa-content-server/app/styles/_layout.scss
@@ -89,6 +89,11 @@
   margin-top: 24px;
 }
 
+.fxa-404-p {
+  line-height: 1.5em;
+  margin: 0;
+}
+
 #static-footer {
   align-items: center;
   display: flex;
diff --git a/packages/fxa-content-server/server/templates/pages/src/404.html b/packages/fxa-content-server/server/templates/pages/src/404.html
index 5badacba1f..34a5963d31 100644
--- a/packages/fxa-content-server/server/templates/pages/src/404.html
+++ b/packages/fxa-content-server/server/templates/pages/src/404.html
@@ -23,10 +23,10 @@
           <h1 id="fxa-404-header">{{#t}}Page not found{{/t}}</h1>
         </header>
 
-        <section>
+        <p class="fxa-404-p" >
           {{#t}}The page you requested is not found. We've been notified and
           will fix any links that may be broken.{{/t}}
-        </section>
+        </p>
 
         <div class="button-row">
           <a href="/signup" class="button primary-button" id="fxa-404-home"
diff --git a/packages/fxa-payments-server/public/404.html b/packages/fxa-payments-server/public/404.html
index b2237e75c6..000d181a84 100644
--- a/packages/fxa-payments-server/public/404.html
+++ b/packages/fxa-payments-server/public/404.html
@@ -19,10 +19,10 @@
     <div id="stage">
       <div id="main-content" class="card">
         <header><h1 id="fxa-404-header">Page not found</h1></header>
-        <section>
+        <p class="fxa-404-p">
           The page you requested is not found. We've been notified and will fix
           any links that may be broken.
-        </section>
+        </p>
         <div class="button-row">
           <a href="/signup" class="button primary-button" id="fxa-404-home"
             >Home</a