Better admin tables

9 files changed, 17 insertions, 19 deletions

diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.html b/client/src/app/+admin/follows/followers-list/followers-list.component.html
index a24039fc6..9499a0433 100644
--- a/client/src/app/+admin/follows/followers-list/followers-list.component.html
+++ b/client/src/app/+admin/follows/followers-list/followers-list.component.html
@@ -2,7 +2,7 @@
     [value]="followers" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
     sortField="createdAt" (onLazyLoad)="loadLazy($event)"
 >
-  <p-column field="id" header="ID"></p-column>
+  <p-column field="id" header="ID" [style]="{ width: '60px' }"></p-column>
   <p-column field="follower.host" header="Host"></p-column>
   <p-column field="follower.score" header="Score"></p-column>
   <p-column field="state" header="State"></p-column>
diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html
index 2b6cc9113..fc1cf0dc4 100644
--- a/client/src/app/+admin/follows/following-list/following-list.component.html
+++ b/client/src/app/+admin/follows/following-list/following-list.component.html
@@ -2,7 +2,7 @@
     [value]="following" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
     sortField="createdAt" (onLazyLoad)="loadLazy($event)"
 >
-  <p-column field="id" header="ID"></p-column>
+  <p-column field="id" header="ID" [style]="{ width: '60px' }"></p-column>
   <p-column field="following.host" header="Host"></p-column>
   <p-column field="state" header="State"></p-column>
   <p-column field="createdAt" header="Created date" [sortable]="true"></p-column>
diff --git a/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html b/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html
index 7aa5f4254..809155338 100644
--- a/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html
+++ b/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html
@@ -6,9 +6,9 @@
     [value]="jobs" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
     sortField="createdAt" (onLazyLoad)="loadLazy($event)" [scrollable]="true" [virtualScroll]="true" [scrollHeight]="scrollHeight"
 >
-  <p-column field="id" header="ID" [style]="{ width: '40px' }"></p-column>
-  <p-column field="category" header="Category" [style]="{ width: '100px' }"></p-column>
-  <p-column field="handlerName" header="Handler name" [style]="{ width: '200px' }"></p-column>
+  <p-column field="id" header="ID" [style]="{ width: '60px' }"></p-column>
+  <p-column field="category" header="Category" [style]="{ width: '130px' }"></p-column>
+  <p-column field="handlerName" header="Handler name" [style]="{ width: '210px' }"></p-column>
   <p-column header="Input data">
     <ng-template pTemplate="body" let-job="rowData">
       <pre>{{ job.handlerInputData }}</pre>
diff --git a/client/src/app/+admin/users/user-list/user-list.component.html b/client/src/app/+admin/users/user-list/user-list.component.html
index b3d90ba1e..08f4caeb9 100644
--- a/client/src/app/+admin/users/user-list/user-list.component.html
+++ b/client/src/app/+admin/users/user-list/user-list.component.html
@@ -11,7 +11,7 @@
     [value]="users" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
     sortField="id" (onLazyLoad)="loadLazy($event)"
 >
-  <p-column field="id" header="ID" [sortable]="true"></p-column>
+  <p-column field="id" header="ID" [sortable]="true" [style]="{ width: '60px' }"></p-column>
   <p-column field="username" header="Username" [sortable]="true"></p-column>
   <p-column field="email" header="Email"></p-column>
   <p-column field="videoQuota" header="Video quota"></p-column>
diff --git a/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html b/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html
index d655a5e9b..65d061246 100644
--- a/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html
+++ b/client/src/app/+admin/video-abuses/video-abuse-list/video-abuse-list.component.html
@@ -6,7 +6,7 @@
     [value]="videoAbuses" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
     sortField="id" (onLazyLoad)="loadLazy($event)"
 >
-  <p-column field="id" header="ID" [sortable]="true"></p-column>
+  <p-column field="id" header="ID" [sortable]="true" [style]="{ width: '60px' }"></p-column>
   <p-column field="reason" header="Reason"></p-column>
   <p-column field="reporterServerHost" header="Reporter server host"></p-column>
   <p-column field="reporterUsername" header="Reporter username"></p-column>
diff --git a/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html b/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html
index 1d813fa07..942f7c9f1 100644
--- a/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html
+++ b/client/src/app/+admin/video-blacklist/video-blacklist-list/video-blacklist-list.component.html
@@ -9,10 +9,7 @@
       <p-column field="id" header="ID" [sortable]="true"></p-column>
       <p-column field="name" header="Name" [sortable]="true"></p-column>
       <p-column field="description" header="Description"></p-column>
-      <p-column field="duration" header="Duration" [sortable]="true"></p-column>
       <p-column field="views" header="Views" [sortable]="true"></p-column>
-      <p-column field="likes" header="Likes" [sortable]="true"></p-column>
-      <p-column field="dislikes" header="Dislikes" [sortable]="true"></p-column>
       <p-column field="nsfw" header="NSFW"></p-column>
       <p-column field="uuid" header="UUID" [sortable]="true"></p-column>
       <p-column field="createdAt" header="Created date" [sortable]="true"></p-column>
diff --git a/client/src/app/shared/misc/edit-button.component.html b/client/src/app/shared/misc/edit-button.component.html
index 6e9564bd7..58012a8b8 100644
--- a/client/src/app/shared/misc/edit-button.component.html
+++ b/client/src/app/shared/misc/edit-button.component.html
@@ -1,4 +1,4 @@
-<a class="action-button" [routerLink]="routerLink">
+<a class="action-button action-button-edit" [routerLink]="routerLink">
   <span class="icon icon-edit"></span>
   Edit
 </a>
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 02b44bda1..b37fa3d61 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -27,7 +27,8 @@
   line-height: 300px;
   margin-top: 50px;
   text-align: center;
-  font-weight: bold;
+  font-weight: $font-semibold;
+  font-size: 15px;
 }
 
 .video-bottom {
diff --git a/client/src/app/videos/+video-watch/video-watch.module.ts b/client/src/app/videos/+video-watch/video-watch.module.ts
index d0ed29d06..e77883472 100644
--- a/client/src/app/videos/+video-watch/video-watch.module.ts
+++ b/client/src/app/videos/+video-watch/video-watch.module.ts
@@ -1,15 +1,15 @@
 import { NgModule } from '@angular/core'
+import { TooltipModule } from 'ngx-bootstrap/tooltip'
+import { ClipboardModule } from 'ngx-clipboard'
+import { SharedModule } from '../../shared'
+import { MarkdownService } from '../shared'
+import { VideoDownloadComponent } from './video-download.component'
+import { VideoReportComponent } from './video-report.component'
+import { VideoShareComponent } from './video-share.component'
 
 import { VideoWatchRoutingModule } from './video-watch-routing.module'
-import { MarkdownService } from '../shared'
-import { SharedModule } from '../../shared'
-import { ClipboardModule } from 'ngx-clipboard'
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
 
 import { VideoWatchComponent } from './video-watch.component'
-import { VideoReportComponent } from './video-report.component'
-import { VideoShareComponent } from './video-share.component'
-import { VideoDownloadComponent } from './video-download.component'
 
 @NgModule({
   imports: [