From c2cafee358b27f0e78caaff844bb5fa3604de66d Mon Sep 17 00:00:00 2001
From: Rakov Roman <roman.rakov@instatsport.com>
Date: Tue, 6 Sep 2022 18:54:58 +0300
Subject: [PATCH] fix(#2760-#2764): fixed inposrts logo size, match description

---
 .drone.yml                                    |  2 +-
 src/config/clients/insports.tsx               | 19 ++++++++-----------
 .../config/clients/insports.tsx               |  8 ++++----
 .../components/MatchDescription/index.tsx     |  2 +-
 .../components/MatchDescription/styled.tsx    |  2 ++
 src/features/ProfileHeader/styled.tsx         |  1 +
 6 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/.drone.yml b/.drone.yml
index 6cadf421..e639e0a4 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -36,7 +36,7 @@ steps:
       - make prod
       - aws s3 sync build s3://instat-frontend-test-a --delete
       - aws cloudfront create-invalidation --distribution-id E1WZHVCHZ48SG6 --paths "/*"
-      - make auth-build
+      - make auth-production-build
       - eval $(ssh-agent -s)
       - echo -n "$SSH_KEY_AUTH" | tr -d '\r' | ssh-add -
       - mkdir -p ~/.ssh && chmod 700 ~/.ssh
diff --git a/src/config/clients/insports.tsx b/src/config/clients/insports.tsx
index d60b9310..600744f6 100644
--- a/src/config/clients/insports.tsx
+++ b/src/config/clients/insports.tsx
@@ -18,27 +18,24 @@ export const insports: ClientConfig = {
   styles: {
     background: 'background-image: url(/images/Checker.png);',
     logo: 'insports-logo.svg',
-    logoHeight: 1.465,
+    logoHeight: 2.465,
     logoLeft: 1.7,
     logoTop: 1.5,
     logoWidth: 6.37,
-    matchLogoHeight: 1.465,
+    matchLogoHeight: 2.465,
     matchLogoWidth: 6.37,
     matchPageMobileHeaderLogo: css`
-      width: 65px;
-      height: 15px;
+      width: 90px;
+      height: 27px;
+      top: 0;
     `,
     mobileHeaderLogo: css`
-      width: 84px;
-      height: 20px;
-      @media screen and (orientation: landscape){
-        width: 92px;
-        height: 22px;
-      }
+      width: 120px;
+      height: 30px;
     `,
     userAccountLogo: css`
       width: 6.37rem;
-      height: 1.465rem;
+      height: 2.465rem;
     `,
   },
   termsLink: '/terms-and-conditions?client_id=insports-ott-web',
diff --git a/src/features/AuthServiceApp/config/clients/insports.tsx b/src/features/AuthServiceApp/config/clients/insports.tsx
index dec5255e..9cd317ea 100644
--- a/src/features/AuthServiceApp/config/clients/insports.tsx
+++ b/src/features/AuthServiceApp/config/clients/insports.tsx
@@ -24,14 +24,14 @@ export const insports: ClientConfig = {
     logo: css`
       background-image: url(/images/insports-logo.svg);
       background-position: center;
-      height: 71px;
-      width: 234px;
+      height: 85px;
+      width: 275px;
       margin-bottom: 1.82rem;
 
       ${isMobileDevice ? css`
           margin-bottom: 15px;
-          width: 145px;
-          height: 45px;
+          width: 165px;
+          height: 50px;
           @media screen and (orientation: landscape){
             width: 92px;
             height: 22px;
diff --git a/src/features/MatchPage/components/MatchDescription/index.tsx b/src/features/MatchPage/components/MatchDescription/index.tsx
index a248c7c0..498d557e 100644
--- a/src/features/MatchPage/components/MatchDescription/index.tsx
+++ b/src/features/MatchPage/components/MatchDescription/index.tsx
@@ -62,7 +62,7 @@ export const MatchDescription = () => {
   } = profile
 
   const isChangedTimeFormat = includes(['US', 'CA'], user?.profile.country_code)
-  const localDate = format(parseDate(date), 'MMMM d, y')
+  const localDate = format(parseDate(date), isMobileDevice ? 'MMM d, y' : 'MMMM d, y')
   const changedTimeFormat = format(parseDate(date),
     isChangedTimeFormat ? 'h:mm a' : 'HH:mm')
 
diff --git a/src/features/MatchPage/components/MatchDescription/styled.tsx b/src/features/MatchPage/components/MatchDescription/styled.tsx
index c3369aab..87d9c418 100644
--- a/src/features/MatchPage/components/MatchDescription/styled.tsx
+++ b/src/features/MatchPage/components/MatchDescription/styled.tsx
@@ -12,6 +12,7 @@ export const Description = styled.div<{isHidden?: boolean}>`
   ${isMobileDevice
     ? css`
         padding: 0 5px;
+        align-items: baseline;
       `
     : ''};
   
@@ -29,6 +30,7 @@ export const DescriptionInnerBlock = styled.div`
 export const Score = styled.span`
   margin: 0 10px;
   color: inherit;
+  white-space: nowrap;
 
   ${isMobileDevice
     ? css`
diff --git a/src/features/ProfileHeader/styled.tsx b/src/features/ProfileHeader/styled.tsx
index 6a9c6fe6..e17fe6e8 100644
--- a/src/features/ProfileHeader/styled.tsx
+++ b/src/features/ProfileHeader/styled.tsx
@@ -81,6 +81,7 @@ type Props = {
 
 export const HeaderGroup = styled.div<Props>`
   display: flex;
+  align-items: center;
 
   ${({ height }) => (height ? `height: ${height}rem` : '')};
   ${({ marginTop }) => (marginTop ? `margin-top: ${marginTop}rem` : '')};