From 7d3f7b3682c6c443435d2afe1642ae5ccdb590b1 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Mon, 25 Jun 2018 17:55:00 +0300
Subject: [PATCH] TopbarDesktop: use object-fit to loose the style rules.

---
 src/components/TopbarDesktop/TopbarDesktop.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/TopbarDesktop/TopbarDesktop.css b/src/components/TopbarDesktop/TopbarDesktop.css
index 15a851ff..82674132 100644
--- a/src/components/TopbarDesktop/TopbarDesktop.css
+++ b/src/components/TopbarDesktop/TopbarDesktop.css
@@ -73,8 +73,15 @@
 }
 
 .logo {
-  width: 155px;
+  /* If height is increased, change link paddings accordingly */
   height: 27px;
+
+  /* Good aspect ratio should be less than 160/27 (width/height) */
+  /* NOTE: extremely wide logos, need special handling. */
+  width: auto;
+  max-width: 220px;
+  object-fit: contain;
+  object-position: left center;
 }
 
 /* Search */