Merge pull request #84 from fancycode/youtube_layout_fixes

Layout fixes for YouTube panel

src/styles/components/_youtubevideo.scss

@@ -77,6 +77,10 @@
   max-width: 700px;
 }
 
+.youtubevideo .welcome h1 {
+  margin-top: 10px;
+}
+
 .youtubevideo .welcome-container {
   max-width: 700px;
 }

static/partials/youtubevideo.html

@@ -4,9 +4,10 @@
 
 			<div class="welcome container-fluid" ng-show="!playbackActive">
 				<div class="welcome-logo fa fa-youtube"></div>
-				<h1>{{_("Share a video with everyone in the call")}}</h1>
+				<h1>{{_('Share a YouTube video')}}</h1>
 				<div class="welcome-container">
 					<p>
+					  <div>{{_("Videos are shared with everyone in this call.")}}</div>
 					  <div class="form-group welcome-input">
 						<input type="text" class="form-control input-lg" ng-model="youtubeurl" placeholder="{{_('YouTube URL')}}">
 						<div class="welcome-input-buttons">
@@ -40,7 +41,7 @@
 		<div class="overlaybar-content">
 			<form class="container-fluid" role="form">
 				<div class="form-group">
-					<label for="youtubeurl">YouTube URL to share</label>
+					<label for="youtubeurl">{{_('YouTube video to share')}}</label>
 					<div class="overlaybar-input">
 						<input type="text" class="form-control input-lg" id="youtubeurl" ng-model="youtubeurl" required placeholder="{{_('YouTube URL')}}">
 						<div class="overlaybar-buttons">