From f2c35b975fbe0fa69eab5a3786f36ae4f324407d Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Mon, 24 May 2021 09:25:32 -0700
Subject: [PATCH] Fix styling for featured badges on category

---
 assets/css/default.css           | 2 ++
 src/invidious/views/trending.ecr | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 25e4262f..51edba78 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -610,6 +610,7 @@ hr {
   display: inline-block;
 }
 
+/* Split into .badge and #.featured */
 .category .badge.featured {
   background: #005aa7;
   color: white;
@@ -617,6 +618,7 @@ hr {
   border-radius: 5px;
   font-size: 14px;
   margin-left: 10px;
+  display: inline;
 }
 
  /* Temp */ 
diff --git a/src/invidious/views/trending.ecr b/src/invidious/views/trending.ecr
index c75c992f..251bd7dd 100644
--- a/src/invidious/views/trending.ecr
+++ b/src/invidious/views/trending.ecr
@@ -48,7 +48,7 @@
             <% else %>
                 <div class="category pure-u-1">
                     <div class="category-heading h-box">
-                        <p> <%= category.title %> </p>
+                        <span class="category-title"> <%= category.title %> </span>
                         <% if (badges = category.badges).is_a? Array %>
                             <% badges.each do | badge |%>
                                 <% if badge[0] == "BADGE_STYLE_TYPE_FEATURED" %>