From 47af491d6c82caf21446ffe12d19122ff517de0e Mon Sep 17 00:00:00 2001
From: fkolwa <fkolwa@redhat.com>
Date: Thu, 24 Aug 2023 14:40:48 +0200
Subject: [PATCH] Add styling to header

Add color and size properties to header title
Add mail address to contact tab
---
 src/app/AppLayout/AppLayout.tsx | 4 +++-
 src/app/app.css                 | 5 +++++
 src/app/routes.tsx              | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
index d340697..9abbb7a 100644
--- a/src/app/AppLayout/AppLayout.tsx
+++ b/src/app/AppLayout/AppLayout.tsx
@@ -95,7 +95,7 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
           href='https://imagedirectory.cloud'
           alt='Cloud Image Directory'
           className='header-section'>
-          <Title headingLevel='h1' size='lg' className='header-text'>
+          <Title headingLevel='h1' className="header-title">
             Cloud Image Directory
           </Title>
         </MastheadBrand>
@@ -109,6 +109,8 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
               headerToolbar
             }
           </MastheadContent>
+
+
         </FlexItem>
       </Flex>
 
diff --git a/src/app/app.css b/src/app/app.css
index 986a297..fd3ded8 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -2,6 +2,11 @@ html, body, #root {
   height: 100%;
 }
 
+.header-title {
+  size: lg;
+  color: white;
+}
+
 .hero-section {
   background-color: black;
 }
diff --git a/src/app/routes.tsx b/src/app/routes.tsx
index da51b68..8482b9c 100644
--- a/src/app/routes.tsx
+++ b/src/app/routes.tsx
@@ -47,7 +47,7 @@ const routes: AppRouteConfig[] = [
     component: <Home title='Cloud Image Directory | Contact Us' />,
     exact: true,
     label: 'Contact Us',
-    path: '/contact',
+    path: 'mailto: contact@imagedirectory.cloud',
   },
   {
     component: <ImageDetails title='Cloud Image Directory | Image Details' />,