add layout for poster image

video_metadata/static/style.css

@@ -43,13 +43,15 @@ input.danger { color: #cc2f2e; }
 
 .search_result {
 	overflow: auto;
-	max-height: 100px; max-width: 300px;
+	max-height: 231px; max-width: 400px;
 	border: 1px solid blue;
 	margin-bottom: 1em; padding: 0.5em 1em;
 	background: lightblue;
 }
 .search_result h3, .search_result ul { border: 0; padding: 0; margin: 0 }
-.search_result ul { font-size: 0.75em }
+.search_result ul { font-size: 0.75em; }
+.search_result li { list-style: none; }
+.search_result img { float: left; margin-right: 1em; }
 .play_link { float: right; }
 
 .test li { list-style: none; display: inline; padding-left: 0.5em; }

video_metadata/templates/file_listing/file_listing.html

@@ -22,6 +22,7 @@
 	</template>
 	<template id="query_result">
 		<div class="search_result">
+			<a href=""><img src="{{ url_for('static', filename='no_poster_w154.jpg') }}" /></a>
 			<h3><a href=""></a></h3>
 			<ul>
 				<li><a class="mapping_link" href="">Click here to Select</a></li>