more

src/Components/Document/DocEditPage.js

@@ -45,7 +45,7 @@ const DocEditPage = () => {
     parseInt(responseGenerations)
   );
   const [index, setIndex] = useState(0);
-  console.log("~~~~~~~~~~~~~~~~~~~~~~~group", group.state);
+
   // For document generation:
   const state = group ? group?.state : null;
   const lawFirm = group ? group?.firm : null;

src/Components/Document/captionHeaders/floridaCaption.js

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import Scrollbutton from "react-bootstrap/Button";
 import { ArrowUp, ArrowDown } from "react-bootstrap-icons";
-
+import "../../../styles/captions.scss";
 const FloridaCaption = (props) => {
   const { fetchedCase, displayCopy, onScrollClick } = props;
 
@@ -9,14 +9,15 @@ const FloridaCaption = (props) => {
     <>
       <div className="docedit-super-row">
         <div className="docedit-uppercol1"></div>
-        <div className="docedit-uppercol2">
-          <span>{fetchedCase?.jurisdiction}</span>
-          <span>{fetchedCase?.venue}</span>
-          <div className="pleading-divider-box">
-            <div>
-              -----------------------------------------------------------------------X
+        <div className="docedit-uppercol2 florida-court-header">
+          <div className="florida-court-header-text">
+            IN THE CIRCUIT COURT OF THE{" "}
+            {fetchedCase?.jurisdiction.toUpperCase()}
           </div>
+          <div className="florida-court-header-text2">
+            OF FLORIDA, IN AND FOR {fetchedCase?.venue.toUpperCase()}
           </div>
+          <div className="pleading-divider-box"></div>
         </div>
         <div className="docedit-uppercol3"></div>
       </div>
@@ -33,7 +34,7 @@ const FloridaCaption = (props) => {
             <div className="middle-row-inner">
               <div>Plaintiff(s),</div>
               <div className="casenum-box">
-                Index no. {fetchedCase?.caseNumber}
+                Case no. {fetchedCase?.caseNumber}
               </div>
             </div>
           </div>

src/styles/captions.scss

@@ -0,0 +1,12 @@
+.florida-court-header {
+  text-align: center;
+}
+
+.florida-court-header-text {
+  font-weight: 500;
+}
+
+.florida-court-header-text2 {
+  font-weight: 500;
+  margin-top: -5px;
+}