Minor fixed + refactored job details screens based on review.

client/src/components/job-totals-table/job-totals-table.styles.scss

@@ -1,24 +1,38 @@
-.job-totals-container {
-  display: flex;
-  flex-flow: wrap;
-}
-.job-totals-tables {
+.job-totals-half {
   flex: 1;
-  display: block;
-}
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 
-.job-totals-rates-table,
-.job-totals-parts-table {
-  border: black;
-  width: 100%;
+  table {
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    margin: 0;
+    padding: 0;
+    width: 80%;
+    table-layout: fixed;
+  }
+
+  table tr {
+    //background-color: #f8f8f8;
+    border: 1px solid #ddd;
+    padding: 0.35em;
+  }
+
+  table th,
+  table td {
+    padding: 0.625em;
+    //text-align: center;
+  }
+  table td.currency {
+    text-align: right;
+  }
 }
 
 .job-totals-stats {
   margin: 1rem;
   display: flex;
-  flex-direction: column;
-  align-content: center;
-  .ant-statistic {
-    margin: 0.5rem;
-  }
+  width: 100%;
+  //flex-direction: column;
+  justify-content: space-evenly;
 }