From c7e8d623c045711407ea06420ae1eb2dbed37a03 Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@hotmail.com>
Date: Mon, 19 Nov 2018 18:43:06 -0600
Subject: [PATCH] Support overflow grid

---
 src/invidious/views/channel.ecr       | 4 ++--
 src/invidious/views/index.ecr         | 4 ++--
 src/invidious/views/mix.ecr           | 4 ++--
 src/invidious/views/playlist.ecr      | 4 ++--
 src/invidious/views/search.ecr        | 4 ++--
 src/invidious/views/subscriptions.ecr | 8 ++++----
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/invidious/views/channel.ecr b/src/invidious/views/channel.ecr
index cd2b5065..98899228 100644
--- a/src/invidious/views/channel.ecr
+++ b/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">
diff --git a/src/invidious/views/index.ecr b/src/invidious/views/index.ecr
index 675e9ac2..46d07a9a 100644
--- a/src/invidious/views/index.ecr
+++ b/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>
diff --git a/src/invidious/views/mix.ecr b/src/invidious/views/mix.ecr
index 139e01b9..c82270b9 100644
--- a/src/invidious/views/mix.ecr
+++ b/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> 
diff --git a/src/invidious/views/playlist.ecr b/src/invidious/views/playlist.ecr
index 328d3625..018e59f7 100644
--- a/src/invidious/views/playlist.ecr
+++ b/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">
diff --git a/src/invidious/views/search.ecr b/src/invidious/views/search.ecr
index 7ab3d0c7..6885424a 100644
--- a/src/invidious/views/search.ecr
+++ b/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">
diff --git a/src/invidious/views/subscriptions.ecr b/src/invidious/views/subscriptions.ecr
index 10102fcc..6aa060ff 100644
--- a/src/invidious/views/subscriptions.ecr
+++ b/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">