9 files changed, 16 insertions, 80 deletions

diff --git a/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss b/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss
index 4ce2c6758..c0b670c65 100644
--- a/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-caption-add-modal.component.scss
@@ -1,11 +1,6 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-label {
-  font-weight: $font-regular;
-  font-size: 100%;
-}
-
 .caption-file {
   margin-top: 20px;
   width: max-content;
diff --git a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
index 7add71886..770a0f585 100644
--- a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
@@ -1,12 +1,6 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-label,
-my-dynamic-form-field ::ng-deep label {
-  font-weight: $font-regular;
-  font-size: 100%;
-}
-
 .peertube-select-container {
   @include peertube-select-container(auto);
 }
@@ -37,10 +31,6 @@ my-peertube-checkbox {
     @include peertube-input-text(100%);
     display: block;
   }
-
-  .label-tags + span {
-    font-size: 15px;
-  }
 }
 
 .captions-header {
@@ -71,7 +61,6 @@ my-peertube-checkbox {
   .caption-entry-label {
     @include margin-right(20px);
 
-    font-size: 15px;
     font-weight: bold;
     width: 150px;
   }
@@ -100,7 +89,6 @@ my-peertube-checkbox {
 
 .no-caption {
   text-align: center;
-  font-size: 15px;
 }
 
 .submit-container {
@@ -111,7 +99,6 @@ my-peertube-checkbox {
 
     display: inline-block;
     color: pvar(--greyForegroundColor);
-    font-size: 15px;
   }
 }
 
diff --git a/client/src/app/+videos/+video-edit/video-add.component.scss b/client/src/app/+videos/+video-edit/video-add.component.scss
index dda868789..461a38204 100644
--- a/client/src/app/+videos/+video-edit/video-add.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add.component.scss
@@ -10,7 +10,6 @@ $nav-link-height: 40px;
 .upload-message {
   width: 100%;
   text-align: center;
-  font-size: 15px;
   margin-bottom: 0;
   border-radius: 0;
 
diff --git a/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.scss b/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.scss
index 54f828014..8b5034083 100644
--- a/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.scss
+++ b/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.scss
@@ -2,7 +2,6 @@
 @use '_mixins' as *;
 
 .root-comment {
-  font-size: 15px;
   display: flex;
 
   .left {
diff --git a/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss b/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss
index 4b00683ab..638147dfe 100644
--- a/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss
+++ b/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss
@@ -7,7 +7,6 @@
 
 .view-replies {
   font-weight: $font-semibold;
-  font-size: 15px;
   cursor: pointer;
 }
 
@@ -33,10 +32,9 @@
 }
 
 #dropdown-sort-comments {
-  font-weight: 600;
+  font-weight: $font-semibold;
   text-transform: uppercase;
   border: 0;
-  transform: translateY(-7%);
 }
 
 @media screen and (max-width: 600px) {
diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss b/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss
index 147bc4d7f..b503a94cb 100644
--- a/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss
+++ b/client/src/app/+videos/+video-watch/shared/metadata/video-description.component.scss
@@ -7,7 +7,6 @@
 
   margin-top: 20px;
   margin-bottom: 20px;
-  font-size: 15px;
 
   .video-info-description-html {
     @include peertube-word-wrap;
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss
index 6818a4257..d438facd3 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -112,7 +112,6 @@ $video-height: 66vh;
   margin-top: 50px;
   text-align: center;
   font-weight: $font-semibold;
-  font-size: 15px;
 }
 
 .video-bottom {
@@ -158,12 +157,11 @@ $video-height: 66vh;
 
   margin-bottom: 10px;
   align-self: start;
-  font-size: 1em;
+  font-size: 14px;
 }
 
 .video-info-channel {
   font-weight: $font-semibold;
-  font-size: 15px;
 
   a {
     @include disable-default-a-behaviour;
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;