Merge pull request #123 from kjannette/forward4

Forward4

src/Components/Document/ReqEditPage.js

@@ -337,10 +337,19 @@ const RequestEditPage = () => {
       <>
         <div> {headerPicker(state, fetchedCase, onScrollClick)}</div>
         <div className="doc-editing-wrapper">
-          <div className="pleading-header">{headerString}</div>
+          <div className="pleading-header">
+            INTERROGATORIES AND REQUESTS FOR PRODUCTION
+          </div>
+          <div>
+            {displayCopy.prelimaryStatement(
+              documentType,
+              respondent,
+              servingParty
+            )}
+          </div>
           {/*displayCopy.prelimaryStatement*/}
           <div className="doc-editing-sub-wrapper row">
-            <div className="doc-editing-instructions-header">INSTRUCTIONS</div>
+            <div className="pleading-header">INSTRUCTIONS</div>
             {rogInstructions?.map((req, i) => (
               <div className="request-text-up-row">
                 <div>{`${i + 1}.`}</div>
@@ -349,9 +358,11 @@ const RequestEditPage = () => {
             ))}
           </div>
           <div className="doc-editing-sub-wrapper">
+            <div className="pleading-header">INTERROGATORIES</div>
             {requests?.map((req, i) => (
-              <div className="req-item-outer-div">
-                <div className="request-text-up">{req?.text}</div>
+              <div className="request-text-up-row">
+                <div>{`${i + 1}.`}</div>
+                <div>{req?.text}</div>
               </div>
             ))}
             <div

src/styles/docedit-page.scss

@@ -41,7 +41,7 @@
   text-align: center;
   font-size: 1.3rem;
   font-weight: 500;
-  letter-spacing: 0.02rem;
+  letter-spacing: 0.013rem;
 }
 
 .doc-edit-subheader {