Give each row in a table a heading

The first columns of our tables are always headings for the
subsequent columns, even though they go horizontally.

HTML has the `<th>` tag, which doesn’t just have to be used for headings
along the top of a table. So this commit changes the first column to be
a `<th>`.

This then allows us to style these elements differently, specifically
making them 50% wide. This makes pages like the dashboard align more
nicely.

app/assets/stylesheets/components/table.scss

@@ -1,5 +1,6 @@
 .table {
   margin-bottom: $gutter;
+  width: 100%;
 }
 
 .table-heading {
@@ -13,6 +14,16 @@
   }
 }
 
+.table-row {
+  th {
+    width: 52.5%;
+
+    a {
+      max-height: 1.25em;
+    }
+  }
+}
+
 %table-field,
 .table-field {
 
@@ -77,6 +88,10 @@
     width: 15px;
   }
 
+  &-date {
+    white-space: nowrap;
+  }
+
   p {
     margin: 0 0 5px 0;
   }

app/assets/stylesheets/views/dashboard.scss

@@ -3,8 +3,7 @@
   table {
     th {
       @include core-16;
-      padding-top: 0;
-      border: 0;
+      border-bottom: 0;
     }
 
     td {