From 5b0ec7cddb1ae6dbd2057f067382866f846b882c Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 15 Jun 2022 14:59:25 +0200
Subject: Increase global font size

---
 .../overview/video-overview.component.html         |  6 +--
 .../overview/video-overview.component.scss         | 61 ++++------------------
 2 files changed, 14 insertions(+), 53 deletions(-)

(limited to 'client/src/app/+videos/video-list')

diff --git a/client/src/app/+videos/video-list/overview/video-overview.component.html b/client/src/app/+videos/video-list/overview/video-overview.component.html
index 1d5131092..20cbb239b 100644
--- a/client/src/app/+videos/video-list/overview/video-overview.component.html
+++ b/client/src/app/+videos/video-list/overview/video-overview.component.html
@@ -10,7 +10,7 @@
 
       <div class="section videos" *ngFor="let object of overview.categories">
         <h1 class="section-title">
-          <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a>
+          <a class="link-orange" routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a>
         </h1>
 
         <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
@@ -21,7 +21,7 @@
 
       <div class="section videos" *ngFor="let object of overview.tags">
         <h2 class="section-title">
-          <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a>
+          <a class="link-orange" routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a>
         </h2>
 
         <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)">
@@ -32,7 +32,7 @@
 
       <div class="section channel videos" *ngFor="let object of overview.channels">
         <div class="section-title">
-          <a [routerLink]="[ '/c', buildVideoChannelBy(object) ]">
+          <a class="link-orange" [routerLink]="[ '/c', buildVideoChannelBy(object) ]">
             <my-actor-avatar [channel]="buildVideoChannel(object)" size="28"></my-actor-avatar>
 
             <h2 class="section-title">{{ object.channel.displayName }}</h2>
diff --git a/client/src/app/+videos/video-list/overview/video-overview.component.scss b/client/src/app/+videos/video-list/overview/video-overview.component.scss
index 8b2aa88f2..5a789b66d 100644
--- a/client/src/app/+videos/video-list/overview/video-overview.component.scss
+++ b/client/src/app/+videos/video-list/overview/video-overview.component.scss
@@ -13,7 +13,7 @@
 
 .section {
   &:first-child {
-    padding-top: 30px;
+    padding-top: 15px;
 
     .section-title {
       border-top: 0 !important;
@@ -22,66 +22,27 @@
 
   .section-title {
     font-size: 24px;
-    font-weight: $font-semibold;
-    padding-top: 15px;
-    margin-bottom: 15px;
-    display: flex;
-    justify-content: space-between;
+    padding-top: 20px;
+    margin-bottom: 30px;
 
     &:not(h2) {
       border-top: 1px solid $separator-border-color;
     }
 
-    a {
-      color: pvar(--mainForegroundColor);
-
-      &:hover,
-      &:focus:not(.focus-visible),
-      &:active {
-        text-decoration: none;
-        outline: none;
-      }
+    a > h2 {
+      margin-bottom: 0;
+      display: inline-block;
+      font-weight: $font-bold;
     }
-  }
-
-  &.channel {
-    .section-title {
-      a {
-        display: flex;
-        width: fit-content;
-        align-items: center;
-
-        my-actor-avatar {
-          @include margin-right(8px);
-
-          font-size: initial;
-        }
-      }
 
-      .followers {
-        @include margin-left(10px);
+    my-actor-avatar {
+      @include margin-right(8px);
 
-        color: pvar(--greyForegroundColor);
-        font-weight: normal;
-        font-size: 14px;
-        position: relative;
-        top: 2px;
-      }
+      position: relative;
+      top: -2px;
     }
   }
 
-  .show-more {
-    position: relative;
-    top: -5px;
-    display: inline-block;
-    font-size: 16px;
-    text-transform: uppercase;
-    color: pvar(--greyForegroundColor);
-    margin-bottom: 10px;
-    font-weight: $font-semibold;
-    text-decoration: none;
-  }
-
   @media screen and (max-width: $mobile-view) {
     max-height: initial;
     overflow: initial;
-- 
cgit v1.2.3