fix record/upload media dialog style in bootstrap

test plan:
* in the editor, open the record/upload media tab
* note style changes

fixes #CNVS-4440

Change-Id: I8d5620fe5a137029c9581e8668bec77021728cf6
Reviewed-on: https://gerrit.instructure.com/18527
Tested-by: Jenkins <jenkins@instructure.com>
Reviewed-by: Ryan Florence <ryanf@instructure.com>
QA-Review: Adam Phillipps <adam@instructure.com>

app/stylesheets/g_media_comments.sass

@@ -51,6 +51,9 @@ div#audio_upload,div#video_upload
   background: #fff
   font-size: 1.2em
 
+.media_tab
+  height: 360px
+
 #media_upload_holder
   height: 240px
 

public/javascripts/media_comments.js

@@ -230,7 +230,7 @@ define([
       $dialog.dialog({
         title: I18n.t('titles.record_upload_media_comment', "Record/Upload Media Comment"),
         width: 560,
-        height: 460,
+        height: 475,
         modal: false
       });
       $dialog.dialog('option', 'close', function() {

public/partials/_media_comments.html

@@ -3,7 +3,7 @@
     <li><a href="#record_media_tab">Record Media</a></li>
     <li><a href="#upload_media_tab">Upload Media</a></li>
   </ul>
-  <div id="record_media_tab" class="clearfix">
+  <div id="record_media_tab" class="clearfix media_tab">
     <div id="media_record_option_holder">
       <a id="video_record_option" class="record_option tooltip" title="Record with Webcam">
         <span class="tooltip_wrap" style="display: none;">
@@ -68,7 +68,7 @@
     </div>
     <div class="clear"></div>
   </div>
-  <div id="upload_media_tab" class="clearfix">
+  <div id="upload_media_tab" class="clearfix media_tab">
     <div id="media_upload_holder">
       <div id="audio_upload_holder" style="float: left;">
         <div id="audio_upload">