Support overflow grid

src/invidious/views/channel.ecr

@@ -67,13 +67,13 @@
     <hr>
 </div>
 
-<% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">

src/invidious/views/index.ecr

@@ -2,10 +2,10 @@
 <title>Invidious</title>
 <% end %>
 
+<div class="pure-g">
 <% top_videos.each_slice(4) do |slice| %>
-    <div class="pure-g">
         <% slice.each do |item| %>
             <%= rendered "components/item" %>
         <% end %>
-    </div>
 <% end %>
+</div>

src/invidious/views/mix.ecr

@@ -13,10 +13,10 @@
     </div>
 </div>
 
-<% mix.videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% mix.videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 

src/invidious/views/playlist.ecr

@@ -24,13 +24,13 @@
     <p><%= playlist.description_html %></p>
 </div>
 
-<% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">

src/invidious/views/search.ecr

@@ -2,13 +2,13 @@
 <title><%= search_query.not_nil!.size > 30 ? HTML.escape(query.not_nil![0,30].rstrip(".") + "...") : HTML.escape(query.not_nil!) %> - Invidious</title>
 <% end %>
 
-<% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">

src/invidious/views/subscriptions.ecr

@@ -23,25 +23,25 @@
 </div>
 <% end %>
 
+<div class="pure-g">
 <% notifications.each_slice(4) do |slice| %>
-    <div class="pure-g">
         <% slice.each do |item| %>
             <%= rendered "components/item" %>
         <% end %>
-    </div>
 <% end %>
+</div>
 
 <div class="h-box">
     <hr>
 </div>
 
+<div class="pure-g">
 <% videos.each_slice(4) do |slice| %>
-    <div class="pure-g">
         <% slice.each do |item| %>
             <%= rendered "components/item" %>
         <% end %>
-    </div>
 <% end %>
+</div>
 
 <div class="pure-g">
     <div class="pure-u-1 pure-u-md-1-5">