aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/videos')
-rw-r--r--client/src/app/videos/video-list/video-overview.component.html12
-rw-r--r--client/src/app/videos/video-list/video-overview.component.scss10
2 files changed, 13 insertions, 9 deletions
diff --git a/client/src/app/videos/video-list/video-overview.component.html b/client/src/app/videos/video-list/video-overview.component.html
index be9db3d90..4150cd5e1 100644
--- a/client/src/app/videos/video-list/video-overview.component.html
+++ b/client/src/app/videos/video-list/video-overview.component.html
@@ -7,9 +7,7 @@
7 <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> 7 <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a>
8 </div> 8 </div>
9 9
10 <div> 10 <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>
11 <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>
12 </div>
13 </div> 11 </div>
14 12
15 <div class="section" *ngFor="let object of overview.tags"> 13 <div class="section" *ngFor="let object of overview.tags">
@@ -17,9 +15,7 @@
17 <a routerLink="/search" [queryParams]="{ tagOneOf: [ object.tag ] }">{{ object.tag }}</a> 15 <a routerLink="/search" [queryParams]="{ tagOneOf: [ object.tag ] }">{{ object.tag }}</a>
18 </div> 16 </div>
19 17
20 <div> 18 <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>
21 <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>
22 </div>
23 </div> 19 </div>
24 20
25 <div class="section channel" *ngFor="let object of overview.channels"> 21 <div class="section channel" *ngFor="let object of overview.channels">
@@ -31,9 +27,7 @@
31 </a> 27 </a>
32 </div> 28 </div>
33 29
34 <div> 30 <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>
35 <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>
36 </div>
37 </div> 31 </div>
38 32
39</div> 33</div>
diff --git a/client/src/app/videos/video-list/video-overview.component.scss b/client/src/app/videos/video-list/video-overview.component.scss
index 73b6d2e53..e7dc60b4b 100644
--- a/client/src/app/videos/video-list/video-overview.component.scss
+++ b/client/src/app/videos/video-list/video-overview.component.scss
@@ -7,6 +7,10 @@
7 &:first-child { 7 &:first-child {
8 padding-top: 30px; 8 padding-top: 30px;
9 } 9 }
10
11 my-video-miniature {
12 text-align: left;
13 }
10} 14}
11 15
12.section-title { 16.section-title {
@@ -33,4 +37,10 @@
33 margin-right: 10px; 37 margin-right: 10px;
34 } 38 }
35 } 39 }
40}
41
42@media screen and (max-width: 500px) {
43 .section {
44 @include video-miniature-small-screen;
45 }
36} \ No newline at end of file 46} \ No newline at end of file