From a26c1addf4d8e2b9f8efb64db321976e1d7577ea Mon Sep 17 00:00:00 2001
From: Leszek <smutnyleszek@gmail.com>
Date: Thu, 18 Jul 2024 18:04:07 +0200
Subject: [PATCH] fix header logo background-size being overriden by too
 general styles

---
 jsapp/scss/components/_kobo.navigation.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/jsapp/scss/components/_kobo.navigation.scss b/jsapp/scss/components/_kobo.navigation.scss
index cdbbe2d69a..f614952fbe 100644
--- a/jsapp/scss/components/_kobo.navigation.scss
+++ b/jsapp/scss/components/_kobo.navigation.scss
@@ -35,9 +35,13 @@
   }
 
   .header__logo {
+    // NOTE: this is overrideable, see `/kpi/templates/index.html`
     background-image: url("../img/kobologo_symbol.svg");
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
     width: 40px;
     height: 40px;
+    // Needed for non-horizontal images
     background-size: contain;
     display: block;
   }
@@ -348,7 +352,7 @@
   }
 
   .mdl-layout__header .header__logo {
-    background: url("../img/kobologo.svg") no-repeat 50% 50%;
+    background-image: url("../img/kobologo.svg");
     width: 180px;
   }
 }