Responsive upload list table.

app/components/upload-list.js

@@ -3,6 +3,7 @@ import uploadsQuery from '../queries/uploads'
 
 const UploadList = ({data: {uploads}}) => {
   return (
+    <div>
       <table>
         <thead>
           <tr>
@@ -22,16 +23,29 @@ const UploadList = ({data: {uploads}}) => {
             </tr>
           ))}
         </tbody>
+      </table>
       <style jsx>{`
+        div {
+          overflow-x: auto;
+          -webkit-overflow-scrolling: touch;
+          -ms-overflow-style: -ms-autohiding-scrollbar;
+        }
         table {
+          border-spacing: 0;
+          padding: 1em 0;
           text-align: left;
-          border-spacing: 0.75em;
+          font-size: 90%;
+        }
+        th,
+        td {
+          padding: 0.3em 0.5em;
         }
         td {
           vertical-align: top;
+          white-space: nowrap;
         }
       `}</style>
-    </table>
+    </div>
   )
 }