diff options
-rw-r--r-- | client/src/app/videos/video-list/video-overview.component.html | 2 | ||||
-rw-r--r-- | client/src/app/videos/video-list/video-overview.component.scss | 12 |
2 files changed, 9 insertions, 5 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 4dad6a6e4..cb26592e3 100644 --- a/client/src/app/videos/video-list/video-overview.component.html +++ b/client/src/app/videos/video-list/video-overview.component.html | |||
@@ -12,7 +12,7 @@ | |||
12 | 12 | ||
13 | <div class="section" *ngFor="let object of overview.tags"> | 13 | <div class="section" *ngFor="let object of overview.tags"> |
14 | <div class="section-title" i18n> | 14 | <div class="section-title" i18n> |
15 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">{{ object.tag }}</a> | 15 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> |
16 | </div> | 16 | </div> |
17 | 17 | ||
18 | <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature> | 18 | <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature> |
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 eca8b230f..aff45c072 100644 --- a/client/src/app/videos/video-list/video-overview.component.scss +++ b/client/src/app/videos/video-list/video-overview.component.scss | |||
@@ -14,9 +14,9 @@ | |||
14 | } | 14 | } |
15 | 15 | ||
16 | .section-title { | 16 | .section-title { |
17 | font-size: 17px; | 17 | font-size: 24px; |
18 | font-weight: $font-semibold; | 18 | font-weight: $font-semibold; |
19 | margin-bottom: 20px; | 19 | margin-bottom: 10px; |
20 | 20 | ||
21 | a { | 21 | a { |
22 | &:hover, &:focus:not(.focus-visible), &:active { | 22 | &:hover, &:focus:not(.focus-visible), &:active { |
@@ -35,14 +35,18 @@ | |||
35 | align-items: center; | 35 | align-items: center; |
36 | 36 | ||
37 | img { | 37 | img { |
38 | @include avatar(30px); | 38 | @include avatar(28px); |
39 | 39 | ||
40 | margin-right: 10px; | 40 | margin-right: 8px; |
41 | } | 41 | } |
42 | } | 42 | } |
43 | } | 43 | } |
44 | 44 | ||
45 | @media screen and (max-width: 500px) { | 45 | @media screen and (max-width: 500px) { |
46 | .section-title { | ||
47 | font-size: 17px; | ||
48 | } | ||
49 | |||
46 | .section { | 50 | .section { |
47 | @include video-miniature-small-screen; | 51 | @include video-miniature-small-screen; |
48 | } | 52 | } |