Hotfix/channel avatars overview (#5667)

* Fix channel avatar display

* Improve video overview component style

* Better alignment of avatar and title

* Convert in rem video overview  component

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 5a789b66d564aa7aa72534f148b21b7116cd504e..b1b42b51781d10af9da872c4f999ead3cd3b3c7a 100644 (file)
--- a/client/src/app/+videos/video-list/overview/video-overview.component.scss
+++ b/client/src/app/+videos/video-list/overview/video-overview.component.scss
@@ -21,9 +21,9 @@
   }
 
   .section-title {
-    font-size: 24px;
-    padding-top: 20px;
-    margin-bottom: 30px;
+    @include font-size(1.5rem);
+    @include padding-top(1.25rem);
+    @include margin-bottom(2rem);
 
     &:not(h2) {
       border-top: 1px solid $separator-border-color;
@@ -38,8 +38,8 @@
     my-actor-avatar {
       @include margin-right(8px);
 
-      position: relative;
-      top: -2px;
+      display: inline-block;
+      vertical-align: text-top;
     }
   }
 
@@ -49,8 +49,6 @@
 
     .section-title {
       @include margin-left(10px);
-
-      font-size: 17px;
     }
   }
 }