Set vertical alignment of content in table cells

Author: howard-e

client/components/TestManagement/StatusSummaryRow/index.jsx

@@ -30,10 +30,6 @@ const PhaseText = styled.span`
     }
 `;
 
-const NoPhaseText = styled.span`
-    margin-left: 12px;
-`;
-
 const PhaseDot = styled.span`
     display: inline-block;
     height: 10px;
@@ -55,6 +51,11 @@ const PhaseDot = styled.span`
     }
 `;
 
+const NoPhaseText = styled.span`
+    margin-left: 12px;
+    margin-right: 12px;
+`;
+
 const StatusSummaryRow = ({ reportResult, testPlanVersion }) => {
     const [bulkUpdateTestPlanReportStatusMutation] = useMutation(
         BULK_UPDATE_TEST_PLAN_REPORT_STATUS_MUTATION

client/components/TestManagement/TestManagement.css

@@ -5,6 +5,11 @@
 
 .test-management.table tbody tr th {
     padding: 20px;
+    vertical-align: middle;
+}
+
+.test-management.table tbody tr td {
+    vertical-align: middle;
 }
 
 .test-management.table th.phase {