Add support section in video channel about page

2 files changed, 20 insertions, 8 deletions

diff --git a/client/src/app/+video-channels/video-channel-about/video-channel-about.component.html b/client/src/app/+video-channels/video-channel-about/video-channel-about.component.html
index 65ad6f541..a4338121f 100644
--- a/client/src/app/+video-channels/video-channel-about/video-channel-about.component.html
+++ b/client/src/app/+video-channels/video-channel-about/video-channel-about.component.html
@@ -1,12 +1,20 @@
 <div *ngIf="videoChannel" class="row">
   <div class="description col-md-6 col-sm-12">
-    <div class="small-title">Description</div>
-    <div class="content">{{ getVideoChannelDescription() }}</div>
+    <div class="block">
+      <div class="small-title">Description</div>
+      <div class="content">{{ getVideoChannelDescription() }}</div>
+    </div>
+
+    <div class="block" *ngIf="videoChannel.support">
+      <div class="small-title">Support this channel</div>
+      <div class="content">{{ videoChannel.support }}</div>
+    </div>
   </div>
 
   <div class="stats col-md-6 col-sm-12">
-    <div class="small-title">Stats</div>
-
-    <div class="content">Created {{ videoChannel.createdAt | date }}</div>
+    <div class="block">
+      <div class="small-title">Stats</div>
+      <div class="content">Created {{ videoChannel.createdAt | date }}</div>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/client/src/app/+video-channels/video-channel-about/video-channel-about.component.scss b/client/src/app/+video-channels/video-channel-about/video-channel-about.component.scss
index b1be7d4ed..5bcd4b561 100644
--- a/client/src/app/+video-channels/video-channel-about/video-channel-about.component.scss
+++ b/client/src/app/+video-channels/video-channel-about/video-channel-about.component.scss
@@ -1,8 +1,12 @@
 @import '_variables';
 @import '_mixins';
 
-.small-title {
-  @include in-content-small-title;
+.block {
+  margin-bottom: 40px;
 
-  margin-bottom: 20px;
+  .small-title {
+    @include in-content-small-title;
+
+    margin-bottom: 20px;
+  }
 }