From d0e06ebe4bf4328e89b5a8985df005e402867afc Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sun, 21 Jan 2024 21:07:45 -0600
Subject: [PATCH 1/3] more

---
 src/Components/Document/DocEditPage.js        | 104 +-----------------
 .../Document/captionHeaders/newYorkCaption.js |  12 +-
 src/styles/docedit-page.scss                  |   4 +-
 3 files changed, 14 insertions(+), 106 deletions(-)

diff --git a/src/Components/Document/DocEditPage.js b/src/Components/Document/DocEditPage.js
index c7917eb..108c1f1 100644
--- a/src/Components/Document/DocEditPage.js
+++ b/src/Components/Document/DocEditPage.js
@@ -582,109 +582,7 @@ const DocEditPage = () => {
       : fetchedCase?.defendantParties;
 
   const editingContent = () => {
-    return (
-      <>
-        {headerPicker()}
-        <div className="doc-editing-wrapper">
-          <div className="pleading-header">{headerString}</div>
-          <div>
-            {displayCopy.prelimaryStatement(
-              documentType,
-              respondent,
-              servingParty
-            )}
-          </div>
-          <div className="doc-editing-sub-wrapper">
-            {parsedRogs?.map((rog, i) => (
-              <div className="req-item-outer-div">
-                <div className="request-text-up">
-                  {numberingContent(i)}
-                  {rog?.text}
-                </div>
-                <div className="req-item-inner-div">
-                  <EditElement
-                    value={
-                      responses && responses.length > 2
-                        ? // NEVER CHANGE THIS
-                          responses[i].resp
-                        : null
-                    }
-                    setShowInputEle={setShowInputEle}
-                    showInputEle={
-                      responses && responses.length > 2
-                        ? responses[i].showInputEle
-                        : null
-                    }
-                    handleFocus={handleFocus}
-                    handleEditValue={handleEditValue}
-                    handleBlur={handleBlur}
-                    i={i}
-                  />
-                </div>
-              </div>
-            ))}
-            <div
-              className="docedit-report-container"
-              onClick={() => handleConfirmReport()}
-            >
-              <div className="docedit-report-link">Report an issue</div>
-            </div>
-            <div className="doc-editing-button-container">
-              <div className="generate-button-box">
-                {/*  TODO: add tooltip: "This will save the document and create a .docx file that will (be downloaded?  saved somewhere?" */}
-                <Button
-                  className="primary-button create-gen-button"
-                  onClick={createAndReturnDocx}
-                  labelText={"Create .docx File"}
-                />
-              </div>
-              <div className="details-button-box">
-                <div>
-                  <Button
-                    className="pt-2 pb-2 mr-4 secondary-button edit-back-button"
-                    onClick={handleBack}
-                    labelText="Back To Documents Page"
-                  />
-                </div>
-                <div>
-                  <Button
-                    className="pt-2 pb-2 mr-2 primary-button"
-                    onClick={handleConfirmSave}
-                    labelText="Save Changes"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        {showSaveModal && !isReport && documentId !== null ? (
-          <ConfirmModal
-            onCancel={handleCancelSave}
-            onConfirm={handleSave}
-            buttonLabelText="Confirm Save"
-            modalText={
-              "Are you sure?  This will overrwrite any previously-saved edits."
-            }
-          />
-        ) : null}
-        {showSaveModal && isReport && documentId !== null ? (
-          <ConfirmModal
-            isReport={isReport}
-            onCancel={handleCancelSave}
-            onConfirm={handleReport}
-            buttonLabelText="Report Issue"
-            documentId={documentId}
-            caseId={caseId}
-            appUserId={appUserId}
-            issuetext={issueText}
-            setIssueText={setIssueText}
-            modalText={
-              "Date/time and document id automatically logged. Support will address this within 24 hours."
-            }
-          />
-        ) : null}
-      </>
-    );
+    return <div> {headerPicker()}</div>;
   };
 
   const readyToEdit = fetchedCase && responses.length > 1;
diff --git a/src/Components/Document/captionHeaders/newYorkCaption.js b/src/Components/Document/captionHeaders/newYorkCaption.js
index 4ff9ae8..244b066 100644
--- a/src/Components/Document/captionHeaders/newYorkCaption.js
+++ b/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">
diff --git a/src/styles/docedit-page.scss b/src/styles/docedit-page.scss
index 6031ef6..ae58b7e 100644
--- a/src/styles/docedit-page.scss
+++ b/src/styles/docedit-page.scss
@@ -90,10 +90,12 @@
 .docedit-header-row {
   display: flex;
   flex-direction: row;
-  height: 210px;
+  height: 240px;
+  margin-bottom: 12px;
   color: #000000;
   font-weight: 500;
   overflow: hidden;
+  background-color: yellow;
 }
 
 .docedit-header-col1 {

From 2d1f1238ed17feb25d38ca62784ced6d014ed509 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sun, 21 Jan 2024 21:11:07 -0600
Subject: [PATCH 2/3] more

---
 src/Components/Document/DocEditPage.js | 104 ++++++++++++++++++++++++-
 src/styles/docedit-page.scss           |   2 +-
 2 files changed, 104 insertions(+), 2 deletions(-)

diff --git a/src/Components/Document/DocEditPage.js b/src/Components/Document/DocEditPage.js
index 108c1f1..e3183b4 100644
--- a/src/Components/Document/DocEditPage.js
+++ b/src/Components/Document/DocEditPage.js
@@ -582,7 +582,109 @@ const DocEditPage = () => {
       : fetchedCase?.defendantParties;
 
   const editingContent = () => {
-    return <div> {headerPicker()}</div>;
+    return (
+      <>
+        <div> {headerPicker()}</div>
+        <div className="doc-editing-wrapper">
+          <div className="pleading-header">{headerString}</div>
+          <div>
+            {displayCopy.prelimaryStatement(
+              documentType,
+              respondent,
+              servingParty
+            )}
+          </div>
+          <div className="doc-editing-sub-wrapper">
+            {parsedRogs?.map((rog, i) => (
+              <div className="req-item-outer-div">
+                <div className="request-text-up">
+                  {numberingContent(i)}
+                  {rog?.text}
+                </div>
+                <div className="req-item-inner-div">
+                  <EditElement
+                    value={
+                      responses && responses.length > 2
+                        ? // NEVER CHANGE THIS
+                          responses[i].resp
+                        : null
+                    }
+                    setShowInputEle={setShowInputEle}
+                    showInputEle={
+                      responses && responses.length > 2
+                        ? responses[i].showInputEle
+                        : null
+                    }
+                    handleFocus={handleFocus}
+                    handleEditValue={handleEditValue}
+                    handleBlur={handleBlur}
+                    i={i}
+                  />
+                </div>
+              </div>
+            ))}
+            <div
+              className="docedit-report-container"
+              onClick={() => handleConfirmReport()}
+            >
+              <div className="docedit-report-link">Report an issue</div>
+            </div>
+            <div className="doc-editing-button-container">
+              <div className="generate-button-box">
+                {/*  TODO: add tooltip: "This will save the document and create a .docx file that will (be downloaded?  saved somewhere?" */}
+                <Button
+                  className="primary-button create-gen-button"
+                  onClick={createAndReturnDocx}
+                  labelText={"Create .docx File"}
+                />
+              </div>
+              <div className="details-button-box">
+                <div>
+                  <Button
+                    className="pt-2 pb-2 mr-4 secondary-button edit-back-button"
+                    onClick={handleBack}
+                    labelText="Back To Documents Page"
+                  />
+                </div>
+                <div>
+                  <Button
+                    className="pt-2 pb-2 mr-2 primary-button"
+                    onClick={handleConfirmSave}
+                    labelText="Save Changes"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        {showSaveModal && !isReport && documentId !== null ? (
+          <ConfirmModal
+            onCancel={handleCancelSave}
+            onConfirm={handleSave}
+            buttonLabelText="Confirm Save"
+            modalText={
+              "Are you sure?  This will overrwrite any previously-saved edits."
+            }
+          />
+        ) : null}
+        {showSaveModal && isReport && documentId !== null ? (
+          <ConfirmModal
+            isReport={isReport}
+            onCancel={handleCancelSave}
+            onConfirm={handleReport}
+            buttonLabelText="Report Issue"
+            documentId={documentId}
+            caseId={caseId}
+            appUserId={appUserId}
+            issuetext={issueText}
+            setIssueText={setIssueText}
+            modalText={
+              "Date/time and document id automatically logged. Support will address this within 24 hours."
+            }
+          />
+        ) : null}
+      </>
+    );
   };
 
   const readyToEdit = fetchedCase && responses.length > 1;
diff --git a/src/styles/docedit-page.scss b/src/styles/docedit-page.scss
index ae58b7e..b39e104 100644
--- a/src/styles/docedit-page.scss
+++ b/src/styles/docedit-page.scss
@@ -249,7 +249,7 @@
   justify-content: center;
   align-items: center;
   width: 60%;
-  margin: 22px auto;
+  margin: 6px auto;
   color: #4e4e4e;
 }
 

From b6126170d5817a6ca4b2bc3bb48a95ebda0f176f Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sun, 21 Jan 2024 21:12:45 -0600
Subject: [PATCH 3/3] more

---
 src/Components/Document/captionHeaders/newYorkCaption.js | 4 ++--
 src/styles/docedit-page.scss                             | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/Components/Document/captionHeaders/newYorkCaption.js b/src/Components/Document/captionHeaders/newYorkCaption.js
index 244b066..c8ecae0 100644
--- a/src/Components/Document/captionHeaders/newYorkCaption.js
+++ b/src/Components/Document/captionHeaders/newYorkCaption.js
@@ -14,7 +14,7 @@ const NewYorkCaption = (props) => {
           <span>{fetchedCase?.venue}</span>
           <div className="pleading-divider-box">
             <div>
-              --------------------------------------------------------------------X
+              -----------------------------------------------------------------------X
             </div>
           </div>
         </div>
@@ -50,7 +50,7 @@ const NewYorkCaption = (props) => {
           </div>
           <div className="pleading-divider-box">
             <div>
-              -------------------------------------------------------------------------X
+              ----------------------------------------------------------------------------X
             </div>
           </div>
         </div>
diff --git a/src/styles/docedit-page.scss b/src/styles/docedit-page.scss
index b39e104..12d3818 100644
--- a/src/styles/docedit-page.scss
+++ b/src/styles/docedit-page.scss
@@ -90,12 +90,11 @@
 .docedit-header-row {
   display: flex;
   flex-direction: row;
-  height: 240px;
+  height: 230px;
   margin-bottom: 12px;
   color: #000000;
   font-weight: 500;
   overflow: hidden;
-  background-color: yellow;
 }
 
 .docedit-header-col1 {