updating video download links to a list - review feedback

common/lib/xmodule/xmodule/css/video/display.scss

@@ -32,13 +32,9 @@ div.video {
     display: inline-block;
     margin: ($baseline*.75) ($baseline/2) 0 0;
 
-    p {
-      display: inline-block;
-      margin: 0;
-    }
-
     a {
       @include transition(all 0.25s ease-in-out 0s);
+      @include font-size(14);
       display: inline-block;
       border-radius: 3px 3px 3px 3px;
       background-color: $white;

lms/templates/video.html

@@ -76,19 +76,19 @@
     </div>
 
     <div class="focus_grabber last"></div>
-
+<ul class="downloads-wrapper">
 % if sources.get('main'):
-    <div class="video-sources">
-        <p>${('<a href="%s">' + _('Download video') + '</a>') % sources.get('main')}</p>
-    </div>
+    <li class="video-sources">
+        ${('<a href="%s">' + _('Download video') + '</a>') % sources.get('main')}
+    </li>
 % endif
 
 % if track:
-    <div class="video-tracks">
-        <p>${('<a href="%s">' + _('Download timed transcript') + '</a>') % track}</p>
-    </div>
+    <li class="video-tracks">
+        ${('<a href="%s">' + _('Download timed transcript') + '</a>') % track}
+    </li>
 % endif
-
+</ul>
 </div>