Use l-box instead of margin

src/views/index.ecr

@@ -7,7 +7,7 @@
 <% slice.each do |video| %>
     <% player_response = JSON.parse(video.info["player_response"]) %>
     <div class="pure-u-1 pure-u-md-1-4">
-        <div style="margin:1em;">
+        <div class="l-box">
             <a style="width:100%;" href="/watch?v=<%= video.id %>">
                 <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
                 <p><%= video.title %></p>

src/views/layout.ecr

@@ -26,7 +26,7 @@
         </div>
       </div>
       <%= content %>
-      <center style="margin:1em;">
+      <center class="l-box">
         Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> -
         source available <a href="https://github.com/omarroth/invidious">here</a>
       </center>

src/views/search.ecr

@@ -6,7 +6,7 @@
 <div class="pure-g">
 <% slice.each do |video| %>
     <div class="pure-u-1 pure-u-md-1-4">
-        <div style="margin:1em;">
+        <div class="l-box">
             <a style="width:100%;" href="<%= video["link"] %>">
                 <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
                 <%= video["title"] %>