Merge pull request #174 from kjannette/clean

Clean

src/Components/Case/CaseDetailsPage.js

@@ -29,7 +29,6 @@ const CaseDetailsPage = () => {
   const [isLoading, setIsLoading] = useState(false);
   const [docsAllowed, setDocsAllowed] = useState(null);
   const [docsGenerated, setDocsGenerated] = useState(null);
-  const [docTypeUploaded, setDocTypeUploaded] = useState();
   const [document, setDocument] = useState(null);
   const { appState } = useContext(AppContext);
   const { group } = appState;
@@ -72,7 +71,7 @@ const CaseDetailsPage = () => {
   }
 
   function handleIncomingDiscoveryRequest(docId, isComplaint, clientPosition) {
-    //ONLY TRIGGER FROM THIS SIDE (next page)  IF IT IS COMBINED NUMBERED
+    //ONLY TRIGGER FROM THIS SIDE IF IT IS COMBINED NUMBERED
     setTimeout(generateRespIncomingDiscReq, 10000, docId, clientPosition);
     setTimeout(getDocument, 50000, docId);
   }

src/Components/Document/ReqEditPage.js

@@ -436,7 +436,7 @@ const RequestEditPage = () => {
             {outgoingComesNow(state, fetchedCase)}
           </div>
           {/*displayCopy.prelimaryStatement*/}
-          <div className="doc-editing-sub-wrapper row">
+          <div className="request-editing-sub-wrapper row">
             <div className="pleading-header">INSTRUCTIONS</div>
             {rogInstructions?.map((req, i) => (
               <div className="request-text-up-row">
@@ -445,7 +445,7 @@ const RequestEditPage = () => {
               </div>
             ))}
           </div>
-          <div className="doc-editing-sub-wrapper row">
+          <div className="request-editing-sub-wrapper row">
             <div className="pleading-header">DEFINITIONS</div>
             {rogDefinitions?.map((req, i) => (
               <div className="request-text-up-row">
@@ -454,11 +454,11 @@ const RequestEditPage = () => {
               </div>
             ))}
           </div>
-          <div className="doc-editing-sub-wrapper row">
+          <div className="request-editing-sub-wrapper row">
             <div className="pleading-header">INTERROGATORIES</div>
             {requests?.map((req, i) => (
               <div className="request-text-up-row">
-                <div className="request-text-number-col">{`${i + 1}.`}</div>
+                <div className="request-text-number-col-low">{`${i + 1}.`}</div>
                 <div className="req-edit-wrapper">
                   <div className="req-item-inner-div">
                     <EditElement
@@ -484,7 +484,7 @@ const RequestEditPage = () => {
               </div>
             ))}
           </div>
-          <div className="doc-editing-sub-wrapper row">
+          <div className="request-editing-sub-wrapper row">
             <div className="pleading-header">REQUESTS FOR PRODUCTION</div>
             {prodReq?.map((preq, i) => (
               <div className="request-text-up-row">

src/Components/Modals/UploadModal.js

@@ -259,7 +259,7 @@ const UploadModal = (props) => {
                   marginRight: "8px",
                 }}
               />
-              YOU ARE UPLOADING A {currentType.toUpperCase()}
+              YOU ARE UPLOADING A {currentType.toUpperCase()}.
               <p className="upload-modal-header-text indent">
                 If you intended to upload a {otherType} - click "cancel", then
                 select {otherType}

src/Constants/Copy/howToSteps.js

@@ -45,12 +45,10 @@ export const Steps = () => (
         <span className="bold-span">GENERATE THE RESPONSE: </span>From the
         Document List View, click the “Generate Responses'' button. Novdraft’s
         Intellidraft AI will generate the response and automatically navigate to
-        the interactive Document Editor. Note the Response Novos toggle button -
-        this controls the amount of logical branching used in forumilting hte
-        response language. You can edit the responses and save progress any time
-        by clicking the “Save Changes” button. Novos: A proprietary feature
-        distinct from the so-called LLM 'temperature' parameter. Controls the
-        amount of AI inference within a CRAC-type model used for argument logic.
+        the interactive Document Editor. Novos: This feature controls the depth
+        of factual inferences AI will make in articulating arguments; modulated
+        through a CRAC-based CoT prompt sequence. It is distinct from the
+        so-called LLM 'temperature' parameter.
       </div>
       <div className="steps-text-wrapper">
         <span className="bold-span">DOWNLOAD YOUR RESPONSE DOCUMENT: </span>

src/pageElements/EditElement.js

@@ -31,6 +31,7 @@ const EditElement = (props) => {
           style={{ width: "100%" }}
           onBlur={(e) => handleBlur(e, i)}
           tabIndex="0"
+          className="unshow-ele"
         ></div>
       ) : (
         <div

src/styles/docedit-page.scss

@@ -34,6 +34,14 @@
   margin-bottom: 25px;
 }
 
+.request-editing-sub-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  margin-bottom: 25px;
+}
+
 .req-editing-sub-wrapper {
   display: flex;
   flex-direction: column;
@@ -63,7 +71,8 @@
 }
 
 .req-item-inner-div {
-  min-width: 720px;
+  min-width: 680px;
+  margin: 6px 0px;
 }
 
 .doc-editing-button-container {
@@ -363,8 +372,15 @@
 }
 
 .request-text-number-col {
-  min-width: 24px;
-  margin-right: 6px;
+  min-width: 22px;
+  margin-right: 0px;
+  margin-top: 3px;
+}
+
+.request-text-number-col-low {
+  min-width: 22px;
+  margin-right: 2px;
+  margin-top: 6px;
 }
 
 .outer-div {
@@ -391,10 +407,16 @@
 .req-edit-comesnow {
   line-height: 2;
   text-align: justify;
+  max-width: 700px;
 }
+
 .req-edit-comesnow-box {
-  min-width: 740px;
+  min-width: 600px;
   margin-bottom: 18px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
 .scroll-button {
@@ -433,7 +455,8 @@
 }
 
 .reqedit-report-container {
-  width: 90%;
+  width: 95%;
+  margin-top: -16px;
   margin-left: 16px;
 }
 
@@ -466,6 +489,30 @@
   }
 }
 
+@media only screen and (max-width: 1080px) and (min-width: 900px) {
+  .request-editing-sub-wrapper {
+    max-width: 650px;
+  }
+
+  .request-text-up-row {
+    max-width: 650px;
+  }
+
+  .req-edit-wrapper {
+    max-width: 650px;
+  }
+
+  .req-item-inner-div {
+    min-width: 620px;
+    max-width: 650px;
+  }
+
+  .reqedit-report-container {
+    margin-left: 0px;
+    margin-top: -16px;
+  }
+}
+
 .prelim-statement-container {
   margin-bottom: 8px;
   padding-left: 6px;