From ace396c4e0d65362fd8b82c86e88085622927b43 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 13 Apr 2021 15:45:49 +0200
Subject: [PATCH] Display account/channel creation date in title

It's not a really important information
---
 client/src/app/+accounts/accounts.component.html           | 4 +---
 client/src/app/+accounts/accounts.component.scss           | 7 +------
 .../src/app/+video-channels/video-channels.component.html  | 4 +---
 .../src/app/+video-channels/video-channels.component.scss  | 7 +------
 4 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/client/src/app/+accounts/accounts.component.html b/client/src/app/+accounts/accounts.component.html
index 03d083bb6..1b2c11311 100644
--- a/client/src/app/+accounts/accounts.component.html
+++ b/client/src/app/+accounts/accounts.component.html
@@ -10,7 +10,7 @@
         <div class="actor-info">
           <div>
             <div class="actor-display-name">
-              <h1>{{ account.displayName }}</h1>
+              <h1 i18n-title [title]="'Created on ' + (account.createdAt | date)">{{ account.displayName }}</h1>
 
               <my-user-moderation-dropdown
                 [prependActions]="prependModerationActions"
@@ -48,8 +48,6 @@
 
     <div class="description" [ngClass]="{ expanded: accountDescriptionExpanded }">
       <div class="description-html" [innerHTML]="accountDescriptionHTML"></div>
-
-      <div class="created-at" i18n>Account created on {{ account.createdAt | date }}</div>
     </div>
 
     <div *ngIf="hasShowMoreDescription()" class="show-more" role="button"
diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss
index a836e84ce..56927dea6 100644
--- a/client/src/app/+accounts/accounts.component.scss
+++ b/client/src/app/+accounts/accounts.component.scss
@@ -53,6 +53,7 @@ my-user-moderation-dropdown,
   background-color: pvar(--submenuBackgroundColor);
   margin-bottom: 45px;
   padding-top: var(--myGlobalTopPadding);
+  padding-bottom: var(--myGlobalTopPadding);
   font-size: var(--myFontSize);
 }
 
@@ -66,12 +67,6 @@ my-user-moderation-dropdown,
   word-break: break-word;
 }
 
-.created-at {
-  margin-top: 15px;
-  color: pvar(--greyForegroundColor);
-  padding-bottom: 60px;
-}
-
 .show-more {
   @include show-more-description;
 
diff --git a/client/src/app/+video-channels/video-channels.component.html b/client/src/app/+video-channels/video-channels.component.html
index 1312a1b3c..91db820fc 100644
--- a/client/src/app/+video-channels/video-channels.component.html
+++ b/client/src/app/+video-channels/video-channels.component.html
@@ -57,7 +57,7 @@
         <div class="actor-info">
           <div>
             <div class="actor-display-name">
-              <h1>{{ videoChannel.displayName }}</h1>
+              <h1 i18n-title [title]="'Channel created on ' + (videoChannel.createdAt | date)">{{ videoChannel.displayName }}</h1>
             </div>
 
             <div class="actor-handle">
@@ -87,8 +87,6 @@
 
     <div class="channel-description" [ngClass]="{ expanded: channelDescriptionExpanded }">
       <div class="description-html" [innerHTML]="channelDescriptionHTML"></div>
-
-      <div class="created-at" i18n>Channel created on {{ videoChannel.createdAt | date }}</div>
     </div>
 
     <div *ngIf="hasShowMoreDescription()" class="show-more" role="button"
diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index b19b4c81b..112ec1c22 100644
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -43,6 +43,7 @@
   background-color: pvar(--channelBackgroundColor);
   margin-bottom: 45px;
   padding-top: var(--myGlobalTopPadding);
+  padding-bottom: var(--myGlobalTopPadding);
   font-size: var(--myFontSize);
 }
 
@@ -83,12 +84,6 @@
   display: none;
 }
 
-.created-at {
-  margin-top: 15px;
-  color: pvar(--greyForegroundColor);
-  padding-bottom: 60px;
-}
-
 .owner-card {
   margin-left: 105px;
   grid-column: 2;