From 3bccc5605432f0a76bffa7a3801069379d952b2c 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

(cherry picked from commit 8aca0a1d505f663d1238abd4eb8f17248bb59bad)
---
 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 4a47e143..d4ce827a 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, "channel_about_page_details_section_header") %> </h3>
                 <p>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, "channel_about_page_stats_section_header") %> </h3>
             <p> <%= translate(locale, "channel_about_page_stats_joined_label") %>
@@ -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, "channel_about_page_links_section_header") %> </h3>
             <% channel.links.each do |link_tuple| %>