diff --git a/client/src/app/search/search.component.html b/client/src/app/search/search.component.html
index b35a46ec9..a258d4edd 100644
--- a/client/src/app/search/search.component.html
+++ b/client/src/app/search/search.component.html
@@ -50,7 +50,7 @@
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index f394099e2..3be8f5311 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -23,6 +23,7 @@
}
.results-filter-button {
+ cursor: pointer;
.icon.icon-filter {
@include icon(20px);
@@ -133,7 +134,7 @@
@media screen and (max-width: 800px) {
.search-result {
- margin: 20px 10px;
+ padding: 20px 10px;
}
.results-header {
diff --git a/client/src/app/search/search.component.ts b/client/src/app/search/search.component.ts
index 4c540ca72..475fdd277 100644
--- a/client/src/app/search/search.component.ts
+++ b/client/src/app/search/search.component.ts
@@ -31,6 +31,7 @@ export class SearchComponent implements OnInit, OnDestroy {
private subActivatedRoute: Subscription
private isInitialLoad = true
+ private firstSearch = true
private channelsPerPage = 2
@@ -103,13 +104,16 @@ export class SearchComponent implements OnInit, OnDestroy {
.concat(videosResult.videos)
this.pagination.totalItems = videosResult.totalVideos + videoChannelsResult.total
- // Focus on channels
- if (this.channelsPerPage !== 10 && videosResult.videos.length < this.pagination.itemsPerPage) {
+ // Focus on channels if there are no enough videos
+ if (this.firstSearch === true && videosResult.videos.length < this.pagination.itemsPerPage) {
this.resetPagination()
+ this.firstSearch = false
this.channelsPerPage = 10
this.search()
}
+
+ this.firstSearch = false
},
error => {