From 85567d4f01824663a3b3ccd5e840ce877c886d94 Mon Sep 17 00:00:00 2001
From: Irem Toroslu <irem.toroslu@fau.de>
Date: Fri, 11 Jun 2021 01:55:35 +0200
Subject: [PATCH] header reconfigured

regarding the #106
---
 frontend/src/components/header/HeaderComponent.js | 4 +---
 frontend/src/components/header/header.css         | 5 +++--
 frontend/src/theme.css                            | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/header/HeaderComponent.js b/frontend/src/components/header/HeaderComponent.js
index bbb20f3f..29e91d1b 100644
--- a/frontend/src/components/header/HeaderComponent.js
+++ b/frontend/src/components/header/HeaderComponent.js
@@ -94,9 +94,7 @@ function HeaderComponent() {
             <Row
                 vertical='center'
                 horizontal='space-between'
-                style={{
-                    height: 70
-                }}
+
             >
                 <div className='HeaderTitle' vertical='center' horizontal='space-between'>
                     <span className=' w3-padding-16 w3-margin-left'>
diff --git a/frontend/src/components/header/header.css b/frontend/src/components/header/header.css
index b4a9ba23..8878adb2 100644
--- a/frontend/src/components/header/header.css
+++ b/frontend/src/components/header/header.css
@@ -1,7 +1,7 @@
 @import url('theme.css');
 /* Reconfiguration of the header bar */
 .HeaderContainer {
-    height: 85;
+    height: 65px;
     width: 100%;
     /* background-color: #4D217A; */
     background: var(--global--headerbar--color);
@@ -15,7 +15,8 @@
     font-size: var(--global--header-title--FontSize);
     line-height: 16px;
     letter-spacing: 0.5px;
-    margin-left: 30px;
+    padding-left: 25px;
+    margin-top:5px;
     color: var( --global--header--title--color);
 }
 /* Reconfiguration of  the icon style on the header bar */
diff --git a/frontend/src/theme.css b/frontend/src/theme.css
index d644c3f3..1bce0613 100644
--- a/frontend/src/theme.css
+++ b/frontend/src/theme.css
@@ -18,7 +18,7 @@
 
     /* --global--text and title--fontsizes */
     --global--header-title--FontSize: 24px;
-    --global--header-icon-title--FontSize: 35px;
+    --global--header-icon-title--FontSize: 40px;
     --global--header-back-icon-title--FontSize: 20px;
     --global--panel-title--FontSize: 22px;
     --global--icon-title--FontSize: 18px;