fix nested ul padding in css

video_metadata/static/file_listing.js

@@ -69,7 +69,7 @@ window.onload = function() {
 		return;
 	}
 
-	fetchJSON(FOLDER_CONTENTS_PATH, parseResponse, document.querySelector('#videolist'));
+	fetchJSON(FOLDER_CONTENTS_PATH, parseResponse, document.querySelector('.content'));
 }
 
 

video_metadata/static/style.css

@@ -19,7 +19,7 @@ input { color: #333; background-color: #eee; }
 input.danger { color: #cc2f2e; }
 .debug { background: lightgrey; padding: 1em; overflow: auto; border: 1px solid darkgrey }
 .search_result { overflow: auto; max-height: 100px; max-width: 300px; margin-bottom: 1em; padding: 0.5em 1em; background: lightblue; border: 1px solid blue }
-.search_result h3, ul { border: 0; padding: 0; margin: 0 }
+.search_result h3, .search_result ul { border: 0; padding: 0; margin: 0 }
 .search_result ul { font-size: 0.75em }
 .arrow_submit { width: 3em; font-weight: bold; }
 .content li { list-style: ' - '; }

video_metadata/templates/file_listing/folder_contents.html

@@ -11,7 +11,5 @@
 {% block content %}
 		<p id="noscript" class="flash">Javascript needs to be enabled for this page</p>
 		<div id="js_errors" class="flash"></div>
-
-		<ul id="videolist"></ul>
 {% endblock %}