Fixed some styling issues

client/src/App/App.styles.scss

@@ -14,7 +14,7 @@
 .imex-flex-row {
   display: flex;
   justify-content: flex-start;
-  flex-wrap: wrap;
+  //flex-wrap: wrap;
   align-items: center;
 
   &__grow {

client/src/components/chat-send-message/chat-send-message.component.jsx

@@ -53,7 +53,7 @@ function ChatSendMessageComponent({
   };
 
   return (
-    <div className="imex-flex-row">
+    <div className="imex-flex-row" style={{ width: "100%" }}>
       <ChatPresetsComponent className="imex-flex-row__margin" />
 
       <Input.TextArea

client/src/components/form-items-formatted/phone-form-item.component.jsx

@@ -7,22 +7,13 @@ import "./phone-form-item.styles.scss";
 function FormItemPhone(props, ref) {
   return (
     <PhoneInput
+      country="ca"
       onlyCountries={["ca", "us"]}
       ref={ref}
       className="ant-input"
       {...props}
     />
   );
-
-  // return (
-  //   <NumberFormat
-  //     {...props}
-  //     className="ant-input"
-  //     ref={ref}
-  //     type="tel"
-  //     format="###-###-####"
-  //   />
-  // );
 }
 
 export default forwardRef(FormItemPhone);

client/src/components/job-totals-table/job-totals-table.component.jsx

@@ -1,4 +1,4 @@
-import { Col, Result, Row, Typography } from "antd";
+import { Col, Collapse, Result, Row, Typography } from "antd";
 import Dinero from "dinero.js";
 import { JsonEditor as Editor } from "jsoneditor-react";
 import "jsoneditor-react/es/editor.min.css";
@@ -326,7 +326,9 @@ export function JobsTotalsTableComponent({ bodyshop, jobRO, job }) {
                 <tr>
                   <td>{t("jobs.labels.subtotal")}</td>
                   <td className="currency">
-                    {Dinero(job.job_totals.totals.subtotal).toFormat()}
+                    <strong>
+                      {Dinero(job.job_totals.totals.subtotal).toFormat()}
+                    </strong>
                   </td>
                 </tr>
                 <tr>
@@ -338,19 +340,25 @@ export function JobsTotalsTableComponent({ bodyshop, jobRO, job }) {
                 <tr>
                   <td>{t("jobs.labels.net_repairs")}</td>
                   <td className="currency">
-                    {Dinero(job.job_totals.totals.net_repairs).toFormat()}
+                    <strong>
+                      {Dinero(job.job_totals.totals.net_repairs).toFormat()}
+                    </strong>
                   </td>
                 </tr>
               </tbody>
             </table>
 
             <JobCalculateTotals job={job} disabled={jobRO} />
-            <Editor
-              value={{
-                CIECA: job.cieca_ttl && job.cieca_ttl.data,
-                ImEXCalc: job.job_totals,
-              }}
-            />
+            <Collapse>
+              <Collapse.Panel header="JSON Tree Totals">
+                <Editor
+                  value={{
+                    CIECA: job.cieca_ttl && job.cieca_ttl.data,
+                    ImEXCalc: job.job_totals,
+                  }}
+                />
+              </Collapse.Panel>
+            </Collapse>
           </div>
         </Col>
       </Row>