From 86e7b5b181f926b2915d57c9204291ffc76e60c9 Mon Sep 17 00:00:00 2001
From: PietiKinnunen <106057688+PietiKinnunen@users.noreply.github.com>
Date: Thu, 1 Feb 2024 12:54:58 +0200
Subject: [PATCH] HeaderCTA styling, center eventbanner text

---
 components/EventBanner/EventBanner.module.css |  3 +-
 components/Header/HeaderCTA.module.css        | 77 +++++++++----------
 components/Header/HeaderCTA.tsx               |  2 +-
 3 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/components/EventBanner/EventBanner.module.css b/components/EventBanner/EventBanner.module.css
index b16bb146d5..a81c0e533d 100644
--- a/components/EventBanner/EventBanner.module.css
+++ b/components/EventBanner/EventBanner.module.css
@@ -62,7 +62,7 @@ height:37px;
 .container {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
   gap: 4px;
   white-space: nowrap;
   @media (--nav) {
@@ -78,6 +78,7 @@ height:37px;
   flex-shrink: 1;
   gap: 4px;
   color: rgba(255, 255, 255, 0.8);
+  font-size: 14px;
   @media (--nav) {
     flex-shrink: 0;
   }
diff --git a/components/Header/HeaderCTA.module.css b/components/Header/HeaderCTA.module.css
index 3e8e1707e9..06c9d2f352 100644
--- a/components/Header/HeaderCTA.module.css
+++ b/components/Header/HeaderCTA.module.css
@@ -1,76 +1,75 @@
 .wrapper {
-display: flex;
-align-items: center;
-justify-content: space-between;
-flex-direction: column;
-flex-shrink: 0;
-margin-top: 24px;
-margin-left: 32px;
-margin-right:32px;
-width:100%;
-max-width: 100%;
-box-sizing: border-box;
-padding-left: 24px;
-padding-right: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: column;
+  flex-shrink: 0;
+  margin-top: 24px;
+  margin-left: 32px;
+  margin-right: 32px;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  padding-left: 24px;
+  padding-right: 40px;
   @media (--nav) {
-flex-direction: row;
-margin-top: 0;
-margin-left: auto;
-width:auto;
-padding-left: 0;
-padding-right: 0;
+    flex-direction: row;
+    margin-top: 0;
+    margin-left: auto;
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
   }
 }
 
 .ctaWrapper {
-display: flex;
-width: 100%; 
-gap:16px;
+  display: flex;
+  width: 100%;
+  gap: 16px;
 }
 .cta {
   flex-shrink: 0;
   font-size: 14px;
   line-height: 18px;
-  font-weight: 400;
-  height:48px !important;
-  font-family: sans-serif;
-  width:50%;
+  font-weight: 600;
+  height: 48px !important;
+  width: 50%;
   border-radius: 6px;
-  box-shadow:0px 3px 1px -2px rgba(81, 47, 201, 0.20),
+  box-shadow: 0px 3px 1px -2px rgba(81, 47, 201, 0.2),
     0px 2px 2px 0px rgba(81, 47, 201, 0.14),
     0px 1px 5px 0px rgba(81, 47, 201, 0.12);
-    @media (--nav) {
-      width:150px;
-    }
+  @media (--nav) {
+    width: 150px;
+  }
 }
 .actionButtonFlex {
   display: flex;
   flex-direction: row;
-  width:100%;
+  width: 100%;
   gap: 16px;
-  padding:16px;
+  padding: 16px;
   margin-top: 16px;
-  border-top: 1px solid #F0F2F4;
+  border-top: 1px solid #f0f2f4;
   @media (--nav) {
     display: none;
   }
 }
 .styledLink {
   white-space: nowrap;
-  display:flex;
+  display: flex;
   align-items: center;
   flex-direction: row;
   font-size: 14px;
   line-height: 21px;
   width: 100%;
-  padding:0;
+  padding: 0;
   justify-content: center;
   text-decoration: none;
-  &:hover{
+  &:hover {
     text-decoration: underline;
   }
-  color:var(--color-dark-purple);
+  color: var(--color-dark-purple);
 }
 .flex {
-  display:flex;
-}
\ No newline at end of file
+  display: flex;
+}
diff --git a/components/Header/HeaderCTA.tsx b/components/Header/HeaderCTA.tsx
index e9b22eef39..02b241b281 100644
--- a/components/Header/HeaderCTA.tsx
+++ b/components/Header/HeaderCTA.tsx
@@ -12,7 +12,7 @@ const HeaderCTA = ({
   ctas: HeaderNavigation["navbarData"]["rightSide"];
   actionButtons: HeaderNavigation["bannerButtons"];
 }) => {
-  const { search, CTAs } = ctas || {};
+  const { CTAs } = ctas || {};
   const { first, second } = actionButtons || {};
   const ref = useRef(null);