header reconfigured

regarding the #106
amosproj · Jun 10, 2021 · 85567d4 · 85567d4
1 parent ebd103b
commit 85567d4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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;