Fix; 12 chars for a tag and a more responsive collectors grid

Author: Jamesbarford

site/frontend/src/pages/status_new/collector.vue

@@ -149,7 +149,7 @@ function ActiveStatus({collector}: {collector: CollectorConfig}) {
           <template v-for="job in collector.jobs">
             <tr v-if="ACTIVE_FILTERS[job.status]">
               <td class="table-cell-padding">
-                {{ job.requestTag }}
+                {{ job.requestTag.slice(0, 12) }}
               </td>
               <td class="table-cell-padding">
                 {{ formatJobStatus(job.status) }}

site/frontend/src/pages/status_new/page.vue

@@ -150,7 +150,7 @@ loadStatusData(loading);
                 <td><PullRequestLink :request="req" /></td>
                 <td>{{ req.requestType }}</td>
                 <td>
-                  {{ req.tag }}
+                  {{ req.tag.slice(0, 12) }}
                 </td>
                 <td>
                   {{ formatStatus(req.status)
@@ -324,7 +324,7 @@ loadStatusData(loading);
 .collectors-grid {
   width: 100%;
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(500px, 100%));
   gap: 20px;
 }
 </style>