Trying to fix media types

interface/templates/interface/project_detail.html

@@ -4,8 +4,9 @@
     <div class="narrow">
     <h3 class="text-center">Due in {{ project.deadline|timeuntil }}!</h3>
     <p>There have been {{ project.submissions.count }} submissions so far...</p>
+    <div class="scrollable">
     <table>
-        <tbody>
+        <tbody">
         {% for submission in project.submissions %}
             <tr>
                 <td>{{ submission.date|timesince }} ago</td>
@@ -22,4 +23,5 @@
         </tbody>
     </table>
     </div>
+    </div>
     {% endblock %}

interface/templates/interface/s3_upload.html

@@ -12,7 +12,7 @@
             <input type="hidden" name="{{ field }}" value="{{ value }}" />
             {% endfor %}
 
-            <input name="file" type="file" accept="{{ media_type }}/*" id="fallback-file"/>
+            <input name="file" type="file" accept="{{ accept_files }}/*" id="fallback-file"/>
             <input type="submit" value="Send" id="fallback-upload"/>
         </div>
     </form>
@@ -47,11 +47,14 @@ $('#fallback-file').on('change', function() {
     $('#fallback-upload').attr('disabled', false);
 });
 
+let fallback = {{ request.GET.fallback|yesno:"true,false,false" }};
+
 Dropzone.options.itemUpload = {
         params: dzData['fields'],
-        forceFallback: {{ request.GET.fallback|yesno:"true,false,false" }},
+        forceFallback: fallback, 
         autoProcessQueue: false,
         createImageThumbnails: false,
+        //acceptedFiles: acceptFiles,
         maxFiles: 1,
         addRemoveLinks: true,
         maxFilesize: 500,