Use same layout for search as for index

src/views/search.ecr

@@ -2,22 +2,19 @@
 <title><%= query.size > 30 ? query[0,30].rstrip(".") + "..." : query %> - Invidious</title>
 <% end %>
 
-<% videos.each do |video| %>
+<% videos.each_slice(4) do |slice| %>
-<p style="padding:1em;">
 <div class="pure-g">
-        <div class="pure-u-1 pure-u-md-1-5">
+<% slice.each do |video| %>
-            <a class="link" href="<%= video["link"] %>">
+    <div class="pure-u-1 pure-u-md-1-4">
-                <img style="width:100%" alt="thumbnail" src="<%= video["thumbnail"] %>">
+        <div style="margin: 1em;">
-            </a>
+            <a style="width:100%;" class="link" href="/watch?v=<%= video["link"] %>">
-        </div>
+                <img style="width:100%" src="<%= video["thumbnail"] %>"/>
-        <div class="pure-u-1 pure-u-md-4-5">
-            <a style="display:block; width:100%; height:100%" class="link" href="<%= video["link"] %>">
                 <%= video["title"] %>
             </a>
         </div>
     </div>
-    </a>
+    <% end %>
-</p>
+</div>
 <% end %>
 
 <p style="text-align: right">