Merge pull request #128 from kjannette/forward9

Forward9

src/Components/Document/ReqEditPage.js

@@ -340,6 +340,8 @@ const RequestEditPage = () => {
           <div className="req-editing-sub-wrapper">
             <div className="pleading-header">INTERROGATORIES</div>
             {requests?.map((req, i) => (
+              <div className="request-item-outer-div">
+                <div className="request-text-up">{`${i + 1}.`}</div>
                 <div className="req-item-inner-div">
                   <EditElement
                     value={
@@ -358,14 +360,32 @@ const RequestEditPage = () => {
                     i={i}
                   />
                 </div>
+              </div>
             ))}
           </div>
           <div className="req-editing-sub-wrapper">
             <div className="pleading-header">REQUESTS FOR PRODUCTION</div>
             {standardProd?.map((req, i) => (
-              <div className="request-text-up-row">
+              <div className="request-item-outer-div">
-                <div className="request-text-number-col">{`${i + 1}.`}</div>
+                <div className="request-text-up">{`${i + 1}.`}</div>
-                <div>{req?.text}</div>
+                <div className="req-item-inner-div">
+                  <EditElement
+                    value={
+                      requests && requests.length > 1
+                        ? // NEVER CHANGE THIS
+                          req.text
+                        : null
+                    }
+                    setShowInputEle={setShowInputEle}
+                    showInputEle={
+                      requests && requests.length > 1 ? req.showInputEle : null
+                    }
+                    handleFocus={handleFocus}
+                    handleEditValue={handleEditValue}
+                    handleBlur={handleBlur}
+                    i={i}
+                  />
+                </div>
               </div>
             ))}
           </div>

src/styles/docedit-page.scss

@@ -69,7 +69,7 @@
 }
 
 .req-item-inner-div {
-  margin-top: 20px;
+  min-width: 700px;
 }
 
 .doc-editing-button-container {
@@ -329,6 +329,9 @@
   margin-top: 6px;
   padding: 0px 5px;
   text-align: justify;
+  &.reqq {
+    max-width: 24px;
+  }
 }
 
 .request-text-up-row {
@@ -420,6 +423,13 @@
   cursor: pointer;
 }
 
+.request-item-outer-div {
+  min-width: 700px;
+  display: flex;
+  flex-direction: row;
+  margin: 16px 0px;
+}
+
 @media only screen and (max-width: 1140px) {
   .scroll-button {
     right: 30px;