center ticks

Author: stereobooster

webpage/src/components/Table.css

@@ -0,0 +1,3 @@
+.cellCenter {
+  text-align: center;
+}

webpage/src/components/Table.js

@@ -1,4 +1,5 @@
 import React from "react";
+import "./Table.css";
 
 const join = (array, separator) =>
   array.reduce((result, child, index) => {
@@ -28,7 +29,8 @@ const symbol = value => {
   }
 };
 
-const defaultFallback = (options, field) => options[field] || options.default;
+const defaultFallback = (options, field) =>
+  options[field] === undefined ? options.default : options[field];
 
 const tdValue = {
   Package: links,
@@ -42,10 +44,20 @@ const thStyles = {
   default: {}
 };
 
+const tdClasses = {
+  Package: null,
+  Version: null,
+  default: "cellCenter"
+};
+
 const CellTd = options => {
   const { header, value } = options;
   const cellFormatter = defaultFallback(tdValue, header);
-  return <td>{cellFormatter(value)}</td>;
+  return (
+    <td className={defaultFallback(tdClasses, header)}>
+      {cellFormatter(value)}
+    </td>
+  );
 };
 
 const CellTh = options => {