Add video category support

2 files changed, 16 insertions, 1 deletions

diff --git a/client/src/app/videos/video-watch/video-watch.component.html b/client/src/app/videos/video-watch/video-watch.component.html
index 67094359e..e754d69e5 100644
--- a/client/src/app/videos/video-watch/video-watch.component.html
+++ b/client/src/app/videos/video-watch/video-watch.component.html
@@ -107,6 +107,13 @@
     </div>
   </div>
 
+  <div id="video-category" class="row">
+    <div class="col-md-12">
+      <span id="category-label">Category:</span>
+      {{ video.categoryLabel }}
+    </div>
+  </div>
+
   <div id="video-description" class="row">
     <div class="col-md-12">
       <div id="description-label">Description</div>
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 5f322a194..799e37b5d 100644
--- a/client/src/app/videos/video-watch/video-watch.component.scss
+++ b/client/src/app/videos/video-watch/video-watch.component.scss
@@ -111,8 +111,16 @@
     }
   }
 
+  #video-category {
+    margin-top: 10px;
+
+    #category-label {
+      font-weight: bold;
+    }
+  }
+
   #video-description {
-    margin-top: 15px;
+    margin-top: 10px;
 
     #description-label {
       font-weight: bold;