From 6221496f661a313bb844c770641fdb05b4fd763f Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@hotmail.com>
Date: Sun, 29 Jul 2018 09:47:32 -0500
Subject: [PATCH] Add proper padding for channel elements

---
 src/invidious/views/channel.ecr       | 28 ++++++++++++---------------
 src/invidious/views/subscriptions.ecr |  2 +-
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/invidious/views/channel.ecr b/src/invidious/views/channel.ecr
index 886ecc93..d5bd3121 100644
--- a/src/invidious/views/channel.ecr
+++ b/src/invidious/views/channel.ecr
@@ -2,7 +2,7 @@
 <title><%= author %> - Invidious</title>
 <% end %>
 
-<div class="pure-g" style="padding:1em;">
+<div class="pure-g h-box">
     <div class="pure-u-2-3">
         <h3><%= author %></h3>
     </div>
@@ -13,27 +13,23 @@
     </div>
 </div>
 
+<p class="h-box">
 <% if user %>
     <% if subscriptions.includes? ucid %>
-    <p>
-        <a href="/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>">
-            <b>Unsubscribe from <%= author %></b>
-        </a>
-    </p>
+    <a href="/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>">
+        <b>Unsubscribe from <%= author %></b>
+    </a>
     <% else %>
-    <p>
-        <a href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>">
-            <b>Subscribe to <%= author %></b>
-        </a>
-    </p>
+    <a href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>">
+        <b>Subscribe to <%= author %></b>
+    </a>
     <% end %>
 <% else %>
-    <p>
-        <a href="/login">
-            <b>Login to subscribe to <%= author %></b>
-        </a>
-    </p>
+    <a href="/login">
+        <b>Login to subscribe to <%= author %></b>
+    </a>
 <% end %>
+</p>
 
 <% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
diff --git a/src/invidious/views/subscriptions.ecr b/src/invidious/views/subscriptions.ecr
index 54d8be62..484603b9 100644
--- a/src/invidious/views/subscriptions.ecr
+++ b/src/invidious/views/subscriptions.ecr
@@ -2,7 +2,7 @@
 <title>Subscriptions - Invidious</title>
 <% end %>
 
-<div class="pure-g" style="padding:1em;">
+<div class="pure-g h-box">
     <div class="pure-u-2-3">
         <h3>
             <a href="/subscription_manager">Manage subscriptions</a>