Merge pull request #42 from kjannette/gert

Gert

src/Components/Document/DocEditPage.js

@@ -584,7 +584,7 @@ const DocEditPage = () => {
   const editingContent = () => {
     return (
       <>
-        {headerPicker()}
+        <div> {headerPicker()}</div>
         <div className="doc-editing-wrapper">
           <div className="pleading-header">{headerString}</div>
           <div>

src/Components/Document/captionHeaders/newYorkCaption.js

@@ -12,7 +12,11 @@ const NewYorkCaption = (props) => {
         <div className="docedit-uppercol2">
           <span>{fetchedCase?.jurisdiction}</span>
           <span>{fetchedCase?.venue}</span>
-          <div className="docedit-uppercol-divider"></div>
+          <div className="pleading-divider-box">
+            <div>
+              -----------------------------------------------------------------------X
+            </div>
+          </div>
         </div>
         <div className="docedit-uppercol3"></div>
       </div>
@@ -44,7 +48,11 @@ const NewYorkCaption = (props) => {
             <div className="content-spacer2"></div>
             <div>Defendant(s)</div>
           </div>
-          <div className="docedit-uppercol-divider"></div>
+          <div className="pleading-divider-box">
+            <div>
+              ----------------------------------------------------------------------------X
+            </div>
+          </div>
         </div>
         <div className="docedit-header-col3">
           <div className="scroll-button-box">

src/styles/docedit-page.scss

@@ -90,7 +90,8 @@
 .docedit-header-row {
   display: flex;
   flex-direction: row;
-  height: 210px;
+  height: 230px;
+  margin-bottom: 12px;
   color: #000000;
   font-weight: 500;
   overflow: hidden;
@@ -247,7 +248,7 @@
   justify-content: center;
   align-items: center;
   width: 60%;
-  margin: 22px auto;
+  margin: 6px auto;
   color: #4e4e4e;
 }