From 4d1297f257dbf94571530bf7b4fc0af96061f669 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Sat, 17 Apr 2021 04:10:18 -0700
Subject: [PATCH] Fix uncentered channel banner image

---
 assets/css/channel.css                                 | 4 ++--
 src/invidious/views/components/channel-information.ecr | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/css/channel.css b/assets/css/channel.css
index 057756fc..d4aefca8 100644
--- a/assets/css/channel.css
+++ b/assets/css/channel.css
@@ -7,8 +7,8 @@
   flex-direction: column-reverse;
 
   height: calc(100vw / 6.2 - 1px);
-  background-size: cover !important;
-  background-repeat: no-repeat !important;
+  background-size: cover;
+  background-position: center;
 }
 
 #link-holder {
diff --git a/src/invidious/views/components/channel-information.ecr b/src/invidious/views/components/channel-information.ecr
index 1c738638..45b8dc62 100644
--- a/src/invidious/views/components/channel-information.ecr
+++ b/src/invidious/views/components/channel-information.ecr
@@ -1,6 +1,6 @@
 <% if channel.banner %>
     <div class="pure-g" id="channel-banner-container">
-        <div class="pure-u-1" id="banner" style='background: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'>
+        <div class="pure-u-1" id="banner" style='background-image: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'>
             <% if channel.links %>
                 <div id="link-holder">
                     <div id="link-widget-primary" class="link-widget-link">