From da8d315e7709ab54ca34c4bb0c9ac6307b922980 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maurice=20Preu=C3=9F=20=28envoyr=29?= <envoyr@froxlor.org>
Date: Wed, 11 Jan 2023 22:43:00 +0100
Subject: [PATCH] remove hardcoded logo height
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Maurice Preuß (envoyr) <envoyr@froxlor.org>
---
 templates/Froxlor/src/scss/components/_generic.scss | 4 ++++
 templates/Froxlor/userarea.html.twig                | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/templates/Froxlor/src/scss/components/_generic.scss b/templates/Froxlor/src/scss/components/_generic.scss
index 69ff654d..be55372d 100644
--- a/templates/Froxlor/src/scss/components/_generic.scss
+++ b/templates/Froxlor/src/scss/components/_generic.scss
@@ -3,6 +3,10 @@
 @import "~@fortawesome/fontawesome-free/css/all";
 
 // Generic
+.header-logo {
+	height: 24px;
+}
+
 .form-control-plaintext {
 	outline: none;
 }
diff --git a/templates/Froxlor/userarea.html.twig b/templates/Froxlor/userarea.html.twig
index cf646b63..815df808 100644
--- a/templates/Froxlor/userarea.html.twig
+++ b/templates/Froxlor/userarea.html.twig
@@ -25,7 +25,7 @@
 				</button>
 			</div>
 			<a class="navbar-brand me-0 {% if block('heading') %}shadow-sm{% endif %}" href="{{ linker({'section': 'index'}) }}">
-				<img src="{{ header_logo }}" alt="" width="auto" height="24" class="d-inline-block align-text-top ms-md-3">
+				<img src="{{ header_logo }}" alt="logo" class="header-logo d-inline-block align-text-top ms-md-3">
 			</a>
 			<div class="order-0 order-md-1 d-flex flex-grow-0 flex-md-grow-1" id="navbar">
 				<ul class="navbar-nav ms-md-auto me-3 me-lg-5">