From 55762f0c2c3c5af55df586b4d430b758fc3be7b6 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Mon, 3 May 2021 22:46:25 -0700
Subject: [PATCH] Use responsive pure css grids in about.ecr

---
 src/invidious/views/channel/about.ecr | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/invidious/views/channel/about.ecr b/src/invidious/views/channel/about.ecr
index 69e27648..41141607 100644
--- a/src/invidious/views/channel/about.ecr
+++ b/src/invidious/views/channel/about.ecr
@@ -10,7 +10,7 @@
 <div class="pure-g">
     <% stats_style_append = ""%>
     <% if !channel.country.empty? %>
-        <div class="pure-u-3-4">
+        <div class="pure-u-1 pure-u-md-3-4">
             <div class="h-box">
                 <h3> <%= translate(locale, "Details") %> </h3>
                 <p><%= translate(locale, "Country: ") %><%=channel.country%></p> <!-- Translate Country Names -->
@@ -20,7 +20,7 @@
         <% stats_style_append = "style=\"order: 1;\"" %>
     <% end %>
 
-    <div class="pure-u-1-4" <%= stats_style_append %>>
+    <div class="pure-u-1 pure-u-md-1-4" <%= stats_style_append %>>
         <div class="h-box">
             <h3> <%= translate(locale, "Stats") %> </h3>
             <p> <%= translate(locale, "Joined") %>
@@ -32,7 +32,7 @@
         </div>
     </div>
 
-    <div class="pure-u-2-3" id="external-links">
+    <div class="pure-u-1 pure-u-md-2-3" id="external-links">
         <div class="h-box">
             <h3> <%= translate(locale, "Links") %> </h3>
             <% channel.links.each do |link_tuple| %>