more

src/Constants/Copy/howToSteps.js

@@ -10,17 +10,16 @@ export const Steps = () => (
       <div className="steps-upper-left">
         <div className="steps-text-wrapper">
           <span className="bold-span">CREATE THE CASE: </span> Click “Cases” in
-          the top navigation bar to go to the Case View. Click the “Create New
-          Case” button (lower right) to surface the Create Case Modal. Follow
-          prompts to relevant information. You will end with the Case Details
+          the top navigation bar to go to the Case View. Click “Create New Case”
+          (lower right button) to surface the Create Case Modal. Follow prompts
+          to enter relevant information. You will end with the Case's Details
           View. Click “Upload Document”.
         </div>
         <div className="steps-text-wrapper">
           <span className="bold-span">UPLOAD YOUR DOCUMENT: </span>You will now
           see the Document Upload Modal. Enter the discovery request's title,
           i.e. “Defendant’s Interrogatories,” and (optionally) the date served.
-          Drag and drop or click and select the .pdf from your computer's files,{" "}
-          {"  "}
+          Drag and drop, or click and select the .pdf from your files. {"  "}
           <div className="mini-break">
             Click <span className="bold-span"> “Upload”.</span>
           </div>
@@ -40,14 +39,14 @@ export const Steps = () => (
       </div>
     </div>
     <div className="barzee">
-      <div>
+      <div className="steps-text-wrapper">
         <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. You can edit the responses and save
         progress any time by clicking the “Save Changes” button.
       </div>
-      <div>
+      <div className="steps-text-wrapper">
         <span className="bold-span">DOWNLOAD YOUR RESPONSE DOCUMENT: </span>
         Click the “Create .Docx' button to download your fully-formatted,
         ready-to-serve response.

src/styles/howTo-page.scss

@@ -27,6 +27,9 @@
   display: flex;
   flex-direction: column;
   width: 100%;
+  padding: 0px 10px;
+  background-color: #e6e6e653;
+  border-radius: 10px;
 }
 
 .steps-text-wrapper {
@@ -67,6 +70,7 @@
 .mini-break {
   margin: 8px 0px;
 }
+
 .image-moun {
   display: flex;
   flex-direction: column;
@@ -81,3 +85,8 @@
 .bold-span {
   font-weight: 500;
 }
+
+.barzee {
+  padding-right: 20px;
+  margin-top: -12px;
+}