diff options
Diffstat (limited to 'client/src/app/videos')
-rw-r--r-- | client/src/app/videos/video-list/video-overview.component.html | 12 | ||||
-rw-r--r-- | client/src/app/videos/video-list/video-overview.component.scss | 10 |
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 |