From 91c8101797da2b1d14986209f843527dcda69bc2 Mon Sep 17 00:00:00 2001
From: nickago <ngonella@calpoly.edu>
Date: Tue, 25 Aug 2015 16:59:54 -0700
Subject: Reformatted Youtube video display

---
 web/react/utils/utils.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'web/react/utils/utils.jsx')

diff --git a/web/react/utils/utils.jsx b/web/react/utils/utils.jsx
index f718f7435..7a512c901 100644
--- a/web/react/utils/utils.jsx
+++ b/web/react/utils/utils.jsx
@@ -286,6 +286,7 @@ function getYoutubeEmbed(link) {
             return;
         }
         var metadata = data.items[0].snippet;
+        $('.video-type.' + youtubeId).html("Youtube - ")
         $('.video-uploader.' + youtubeId).html(metadata.channelTitle);
         $('.video-title.' + youtubeId).find('a').html(metadata.title);
         $('.post-list-holder-by-time').scrollTop($('.post-list-holder-by-time')[0].scrollHeight);
@@ -304,9 +305,11 @@ function getYoutubeEmbed(link) {
 
     return (
         <div className='post-comment'>
-            <h4 className='video-type'>YouTube</h4>
+            <h4>
+                <span className={'video-type ' + youtubeId}>YouTube</span>
+                <span className={'video-title ' + youtubeId}><a href={link}></a></span>
+            </h4>
             <h4 className={'video-uploader ' + youtubeId}></h4>
-            <h4 className={'video-title ' + youtubeId}><a href={link}></a></h4>
             <div className='video-div embed-responsive-item' id={youtubeId} onClick={onClick}>
                 <div className='embed-responsive embed-responsive-4by3 video-div__placeholder'>
                     <div id={youtubeId} className='video-thumbnail__container'>
-- 
cgit v1.2.3-1-g7c22

