Put "owner account" in card

Just a test

diff --git a/client/src/app/+video-channels/video-channels.component.html b/client/src/app/+video-channels/video-channels.component.html
index 91db820fc921d65d8e21bc4b537cfd56279697c5..b058a81856b38388f6c9cc7924ca7c403aec53c5 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.html
+++ b/client/src/app/+video-channels/video-channels.component.html
@@ -20,6 +20,8 @@
 
     <ng-template #ownerTemplate>
       <div class="owner-block">
+        <div class="section-label" i18n>OWNER ACCOUNT</div>
+
         <div class="avatar-row">
           <a [routerLink]="getAccountUrl()" title="View account" i18n-title>
             <img class="account-avatar" [src]="videoChannel.ownerAvatarUrl" alt="Owner account avatar" />
@@ -101,15 +103,11 @@
     </div>
 
     <div class="owner-card">
-      <div class="section-label" i18n>OWNER ACCOUNT</div>
-
       <ng-template *ngTemplateOutlet="ownerTemplate"></ng-template>
     </div>
   </div>
 
   <div class="bottom-owner">
-    <div class="section-label" i18n>OWNER ACCOUNT</div>
-
     <ng-template *ngTemplateOutlet="ownerTemplate"></ng-template>
   </div>
 

diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index 112ec1c22435570db928ba4e10c84f2155986cac..e946707efa1aba97f418d7db01d7e49bf2c5f005 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -43,7 +43,6 @@
   background-color: pvar(--channelBackgroundColor);
   margin-bottom: 45px;
   padding-top: var(--myGlobalTopPadding);
-  padding-bottom: var(--myGlobalTopPadding);
   font-size: var(--myFontSize);
 }
 
@@ -58,6 +57,7 @@
 .channel-description {
   grid-column: 1;
   word-break: break-word;
+  padding-bottom: var(--myGlobalTopPadding);
 }
 
 .show-more {