UI Fixes on Job list page. Refactored form row component. BOD-155

client/src/components/data-label/data-label.component.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+export default function DataLabel({
+  label,
+  hideIfNull,
+  children,
+  vertical,
+  visible = true,
+  ...props
+}) {
+  if (!visible || (hideIfNull && !!!children)) return null;
+
+  return (
+    <div {...props}>
+      <div
+        style={{
+          display: vertical ? "block" : "inline-block",
+          marginRight: ".2rem",
+        }}>{`${label}: `}</div>
+      <div style={{ display: vertical ? "block" : "inline-block" }}>
+        {children}
+      </div>
+    </div>
+  );
+}