Upload list now displays as a table.

app/components/upload-list.js

@@ -1,12 +1,36 @@
 import {graphql, gql} from 'react-apollo'
 
-const UploadList = ({data: {allUploads, loading}}) => {
+const UploadList = ({data: {allUploads}}) => {
   return (
-    <ul>
+    <table>
-      {allUploads.map((file, i) => {
+      <thead>
-        return <li key={i}>{file.name}</li>
+        <tr>
-      })}
+          <th>Name</th>
-    </ul>
+          <th>Type</th>
+          <th>Size</th>
+          <th>Path</th>
+        </tr>
+      </thead>
+      <tbody>
+        {allUploads.map(({name, type, size, path}) => (
+          <tr key={path}>
+            <td>{name}</td>
+            <td>{type}</td>
+            <td>{size}</td>
+            <td>{path}</td>
+          </tr>
+        ))}
+      </tbody>
+      <style jsx>{`
+        table {
+          text-align: left;
+          border-spacing: 0.75em;
+        }
+        td {
+          vertical-align: top;
+        }
+      `}</style>
+    </table>
   )
 }