Add thumbnail to search

assets/css/custom.css

@@ -0,0 +1,9 @@
+a.link {
+    color: #222;
+    text-decoration: none;
+}
+
+a:hover.link,
+a:active.link {
+    color: #167ac6;
+}

src/views/search.ecr

@@ -2,5 +2,16 @@
     <%= query.size > 30 ? query[0,30] + "..." : query %>
 <% end %>
 <% videos_list.each do |video| %>
-<p><a href="/watch?v=<%= video.id %>"><%= video.info["title"] %></a></p>
+<div class="pure-g">
+    <div class="pure-u-1 pure-u-md-1-6">
+        <a class="link" href="/watch?v=<%= video.id %>">
+            <img style="width: 90%" src="<%= video.info["thumbnail_url"] %>">
+        </a>
+    </div>
+    <div class="pure-u-1 pure-u-md-5-6">
+        <a style="width: 100%; height:100%; display: block; position: relative" class="link" href="/watch?v=<%= video.id %>">
+            <%= video.info["title"] %>
+        </a>
+    </div>
+</div>
 <% end %>