From b673de8b16407431152edb2b4e77c4ffdb4bf009 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 15 Mar 2024 00:42:40 -0500
Subject: [PATCH] more

---
 src/Components/Document/ReqEditPage.js | 63 ++++++++++++++------------
 src/styles/docedit-page.scss           |  5 ++
 2 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
index 62e0d54..888c319 100644
--- a/src/Components/Document/ReqEditPage.js
+++ b/src/Components/Document/ReqEditPage.js
@@ -460,23 +460,23 @@ const RequestEditPage = () => {
               </div>
             ))}
           </div>
-          <div className="req-editing-sub-wrapper">
+          <div className="doc-editing-sub-wrapper row">
             <div className="pleading-header">INTERROGATORIES</div>
-            {requests &&
-              requests?.map((req, i) => (
-                <div className="request-item-outer-div">
-                  <div className="request-text-up">{`${i + 1}.`}</div>
+            {requests?.map((req, i) => (
+              <div className="request-text-up-row">
+                <div className="request-text-number-col">{`${i + 1}.`}</div>
+                <div className="req-edit-wrapper">
                   <div className="req-item-inner-div">
                     <EditElement
                       value={
-                        requests && requests.length > 1
+                        requests && requests.length > 2
                           ? // NEVER CHANGE THIS
                             req.text
                           : null
                       }
                       setShowInputEle={setShowInputEle}
                       showInputEle={
-                        requests && requests.length > 1
+                        requests && requests.length > 2
                           ? req.showInputEle
                           : null
                       }
@@ -487,32 +487,35 @@ const RequestEditPage = () => {
                     />
                   </div>
                 </div>
-              ))}
+              </div>
+            ))}
           </div>
-          <div className="req-editing-sub-wrapper">
+          <div className="doc-editing-sub-wrapper row">
             <div className="pleading-header">REQUESTS FOR PRODUCTION</div>
             {prodReq?.map((preq, i) => (
-              <div className="request-item-outer-div">
-                <div className="request-text-up">{`${i + 1}.`}</div>
-                <div className="req-item-inner-div">
-                  <EditElement
-                    value={
-                      standardProd && standardProd.length > 1
-                        ? // NEVER CHANGE THIS
-                          preq.text
-                        : null
-                    }
-                    setShowInputEle={setShowprodInputEle}
-                    showInputEle={
-                      standardProd && standardProd.length > 1
-                        ? preq.showInputEle
-                        : null
-                    }
-                    handleFocus={handleProdFocus}
-                    handleEditValue={handleEditProdValue}
-                    handleBlur={handleProdBlur}
-                    i={i}
-                  />
+              <div className="request-text-up-row">
+                <div className="request-text-number-col">{`${i + 1}.`}</div>
+                <div className="req-edit-wrapper">
+                  <div className="req-item-inner-div">
+                    <EditElement
+                      value={
+                        standardProd && standardProd.length > 2
+                          ? // NEVER CHANGE THIS
+                            preq.text
+                          : null
+                      }
+                      setShowInputEle={setShowInputEle}
+                      showInputEle={
+                        standardProd && standardProd.length > 2
+                          ? preq.showInputEle
+                          : null
+                      }
+                      handleFocus={handleFocus}
+                      handleEditValue={handleEditValue}
+                      handleBlur={handleBlur}
+                      i={i}
+                    />
+                  </div>
                 </div>
               </div>
             ))}
diff --git a/src/styles/docedit-page.scss b/src/styles/docedit-page.scss
index 85b45a0..eeea242 100644
--- a/src/styles/docedit-page.scss
+++ b/src/styles/docedit-page.scss
@@ -79,6 +79,11 @@
   flex-direction: column;
   align-items: flex-end;
   margin-top: 0.6rem;
+  margin-bottom: 24px;
+}
+
+.req-edit-box {
+  width: 100%;
 }
 
 .edit-back-button {