From 7cec24d89c325509153ce79af48fa15f574e74db Mon Sep 17 00:00:00 2001
From: TripZz <nico.greiner9@gmail.com>
Date: Mon, 27 Nov 2023 11:25:14 +0100
Subject: [PATCH] NN-399 Added responsive design to toolbar

---
 frontend/src/components/toolbar/MainToolBar.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/toolbar/MainToolBar.vue b/frontend/src/components/toolbar/MainToolBar.vue
index 107c40b7..a9280be4 100644
--- a/frontend/src/components/toolbar/MainToolBar.vue
+++ b/frontend/src/components/toolbar/MainToolBar.vue
@@ -105,17 +105,22 @@ export default {
     color:  #0A0A1A;
     font-family: sans-serif;
     font-weight: bold;
-    padding: 10px;
-    margin: 0 8px;
+    padding: 2%;
+    margin: 0 2%;
     position: relative;
     cursor: pointer;
     white-space: nowrap;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 40px;
-    height: 40px;
+    height: 100%;
 }
+
+.menu-bar li img {
+    max-width: none;
+    width: 60%;
+}
+
 .menu-bar li::before {
 	content: " ";
 	position: absolute;