Reduce createdAt column size by using short date format

2 files changed, 4 insertions, 4 deletions

diff --git a/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.html b/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.html
index ffc8a8e39..99b4e267c 100644
--- a/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.html
+++ b/client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.html
@@ -18,7 +18,7 @@
   <ng-template pTemplate="header">
     <tr>
       <th style="width: 100%;" i18n>Account</th>
-      <th style="width: 190px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
+      <th style="width: 140px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
       <th style="width: 100px;"></th> <!-- column for action buttons --> 
     </tr>
   </ng-template>
@@ -42,7 +42,7 @@
         </a>
       </td>
 
-      <td>{{ accountBlock.createdAt }}</td>
+      <td>{{ accountBlock.createdAt | date: 'short' }}</td>
       <td class="action-cell">
         <button class="unblock-button" (click)="unblockAccount(accountBlock)" i18n>Unmute</button>
       </td>
diff --git a/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html b/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html
index d1098800b..aecdca387 100644
--- a/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html
+++ b/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html
@@ -22,7 +22,7 @@
   <ng-template pTemplate="header">
     <tr>
       <th style="width: 100%;" i18n>Instance</th>
-      <th style="width: 190px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
+      <th style="width: 140px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
       <th style="width: 100px;"></th> <!-- column for action buttons -->
     </tr>
   </ng-template>
@@ -35,7 +35,7 @@
           <span class="glyphicon glyphicon-new-window"></span>
         </a>
       </td>
-      <td>{{ serverBlock.createdAt }}</td>
+      <td>{{ serverBlock.createdAt | date: 'short' }}</td>
       <td class="action-cell">
         <button class="unblock-button" (click)="unblockServer(serverBlock)" i18n>Unmute</button>
       </td>