aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-09-26 15:03:04 +0200
committerChocobozzz <me@florianbigard.com>2018-09-26 15:03:04 +0200
commit9ffdd52a95d596ce3d0084baa8541748326edb9c (patch)
tree6d49c5f15569e6dc74a6f7ddd5b8a70cda20c41a
parent28da43cf6606c052605a59662341075ba10666ee (diff)
downloadPeerTube-9ffdd52a95d596ce3d0084baa8541748326edb9c.tar.gz
PeerTube-9ffdd52a95d596ce3d0084baa8541748326edb9c.tar.zst
PeerTube-9ffdd52a95d596ce3d0084baa8541748326edb9c.zip
Improve overview section titles
-rw-r--r--client/src/app/videos/video-list/video-overview.component.html2
-rw-r--r--client/src/app/videos/video-list/video-overview.component.scss12
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 }