more

src/Components/Document/ReqEditPage.js

@@ -340,23 +340,26 @@ const RequestEditPage = () => {
           <div className="req-editing-sub-wrapper">
             <div className="pleading-header">INTERROGATORIES</div>
             {requests?.map((req, i) => (
-              <div className="req-item-inner-div">
+              <div className="req-item-outer-div">
-                <EditElement
+                <div className="request-text-up reqq">{`${i + 1}.`}</div>
-                  value={
+                <div className="req-item-inner-div">
-                    requests && requests.length > 1
+                  <EditElement
-                      ? // NEVER CHANGE THIS
+                    value={
-                        req.text
+                      requests && requests.length > 1
-                      : null
+                        ? // NEVER CHANGE THIS
-                  }
+                          req.text
-                  setShowInputEle={setShowInputEle}
+                        : null
-                  showInputEle={
+                    }
-                    requests && requests.length > 1 ? req.showInputEle : null
+                    setShowInputEle={setShowInputEle}
-                  }
+                    showInputEle={
-                  handleFocus={handleFocus}
+                      requests && requests.length > 1 ? req.showInputEle : null
-                  handleEditValue={handleEditValue}
+                    }
-                  handleBlur={handleBlur}
+                    handleFocus={handleFocus}
-                  i={i}
+                    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 {