Add refresh button to comments list

client/src/app/+admin/overview/comments/video-comment-list.component.html

@@ -25,8 +25,10 @@
         </my-action-dropdown>
       </div>
 
-      <div class="ml-auto">
+      <div class="ml-auto right-form">
         <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
+
+        <my-button i18n-label label="Refresh" icon="refresh" (click)="reloadData()"></my-button>
       </div>
     </div>
   </ng-template>

client/src/app/+admin/overview/comments/video-comment-list.component.scss

@@ -45,6 +45,14 @@ my-global-icon {
   }
 }
 
+.right-form {
+  display: flex;
+
+  > *:not(:last-child) {
+    @include margin-right(10px);
+  }
+}
+
 @media screen and (max-width: $primeng-breakpoint) {
   .video {
     align-items: flex-start !important;

client/src/app/+admin/overview/comments/video-comment-list.component.ts

@@ -117,7 +117,7 @@ export class VideoCommentListComponent extends RestTable implements OnInit {
     return this.selectedComments.length !== 0
   }
 
-  protected reloadData () {
+  reloadData () {
     this.videoCommentService.getAdminVideoComments({
       pagination: this.pagination,
       sort: this.sort,

client/src/app/+admin/overview/videos/video-list.component.html

@@ -24,9 +24,7 @@
       <div class="ml-auto right-form">
         <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
 
-        <div class="button-filter-block">
-          <my-button i18n-label label="Refresh" icon="refresh" (click)="reloadData()"></my-button>
-        </div>
+        <my-button i18n-label label="Refresh" icon="refresh" (click)="reloadData()"></my-button>
       </div>
 
     </div>

client/src/app/+admin/overview/videos/video-list.component.scss

@@ -28,4 +28,3 @@ my-embed {
     @include margin-right(10px);
   }
 }
-