From 7aa2f634fc23f52ecfcc55a290311f12e459636c Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 24 May 2023 18:58:29 +0300
Subject: [PATCH 1/2] Add max-width = @medium for img in uk-logo section.

---
 less/navbar.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/less/navbar.less b/less/navbar.less
index ca73b76..baf4767 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -6,6 +6,7 @@
 @navbar-nav-item-font-size: @global-small-font-size;
 @navbar-nav-item-font-weight: 600;
 @navbar-nav-item-height: @global-header-height;
+@navbar-nav-logo-max-width: @width-medium-width;
 @navbar-nav-item-color: @global-color;
 @navbar-nav-item-before-background: @global-secondary-background;
 @navbar-nav-item-hover-color: @navbar-nav-item-before-background;
@@ -52,9 +53,13 @@
 /* Navbar */
 
 .hook-navbar() {
+
   & .uk-logo {
+
     & > img {
       height: @navbar-nav-item-height - 20px;
+      max-width:  @navbar-nav-logo-max-width - 30px !important;
+      object-fit: contain;
     }
   }
 }

From 468b2b008f474c88dacc52991a5231693833f1f9 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 25 May 2023 10:01:16 +0300
Subject: [PATCH 2/2] Add small modifier for uk-logo in order to apply
 max-width.

---
 less/navbar.less | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/less/navbar.less b/less/navbar.less
index baf4767..486e0b0 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -6,7 +6,7 @@
 @navbar-nav-item-font-size: @global-small-font-size;
 @navbar-nav-item-font-weight: 600;
 @navbar-nav-item-height: @global-header-height;
-@navbar-nav-logo-max-width: @width-medium-width;
+@navbar-nav-logo-max-width: @width-xsmall-width;
 @navbar-nav-item-color: @global-color;
 @navbar-nav-item-before-background: @global-secondary-background;
 @navbar-nav-item-hover-color: @navbar-nav-item-before-background;
@@ -58,9 +58,12 @@
 
     & > img {
       height: @navbar-nav-item-height - 20px;
-      max-width:  @navbar-nav-logo-max-width - 30px !important;
       object-fit: contain;
     }
+
+    &.small > img {
+      max-width:  @navbar-nav-logo-max-width !important;
+    }
   }
 }