Update Recording Table Width

This patch updates the column width of the main recordings table
preventing actions to be shown more or less in the status label. The
additional space is taken from the title column which maximum width is
constricted further.

To make up for this, the complete title is now contained in a title tag
which is shown when you hover over the title cells of the table.

ui/Event.vue

@@ -1,6 +1,6 @@
 <template>
     <tr>
-        <td class="title">{{ event.title }}</td>
+        <td class="title" v-bind:title=event.title>{{ event.title }}</td>
         <td>{{ event.start }}</td>
         <td>{{ event.end }}</td>
         <td>

ui/style.css

@@ -114,7 +114,7 @@ td.more:hover {
 }
 
 td.title {
-    max-width: 250px;
+    max-width: 150px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;