more

src/Components/Modals/UploadModal.js

@@ -200,8 +200,8 @@ const UploadModal = (props) => {
       <Modal.Body>
         <div className="modal-header-text-wrapper">
           <p className="upload-modal-header-text">
-            Select a .pdf file for upload, then 1. enter title 2. choose
+            Select a .pdf file for upload, then 1. enter title, and 2. choose
-            document type. (the other fields are optional.)
+            document type. (other fields optional)
           </p>
           <p className="upload-modal-header-text red">
             <span className="upload-header-text">
@@ -212,24 +212,25 @@ const UploadModal = (props) => {
                   marginRight: "8px",
                 }}
               />
-              NOTE: Selecting "complaint" will automatically begin creation of
+              NOTE: Clicking upload begins document creation.
-              discovery requests.
+              <p className="upload-modal-header-text red indent">
+                Selecting the incorrect document type may result in errors!
+              </p>
             </span>
           </p>
           <p className="upload-modal-header-text red right">
-            Incorrect selection will result in errors. Document credit will
+            Document credit will still be debited from your account
-            still be debited from your account
           </p>
           <p className="upload-modal-header-text">
-            The document will be associated with{" "}
+            The document created will be associated with{" "}
             <em>
               {caption} v. {captionTwo}
             </em>
             {caseNumber ? `, ${caseNumber}` : ""}.
           </p>
           <p className="upload-modal-header-text">
-            If that is not the correct case: click cancel to go back and select
+            If that is not the correct case: 1. click cancel 2. click back, then
-            the intended case from your active cases.
+            3. select the case from your active cases.
           </p>
         </div>
         <Form>
@@ -277,7 +278,7 @@ const UploadModal = (props) => {
               </div>
             </Col>
           </Row>
-          <Row>
+          <Row className="file-upload-row">
             <Col className="mb-3">
               <Form.Label>Select Document</Form.Label>
               <div className="file-uploader">

src/styles/modals.scss

@@ -29,12 +29,19 @@
     margin-top: -7px;
     margin-left: 23px;
   }
+  &.indent {
+    margin-left: 23px;
+  }
 }
 
 .upload-header-bold {
   font-weight: 500;
 }
 
+.file-upload-row {
+  margin-top: 6px;
+}
+
 .modal-document-error {
   margin: -10px 2px 0px 5px;
   color: red;