fix(#2760-#2764): fixed inposrts logo size, match description

.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

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;
+      width: 90px;
-      height: 15px;
+      height: 27px;
+      top: 0;
     `,
     mobileHeaderLogo: css`
-      width: 84px;
+      width: 120px;
-      height: 20px;
+      height: 30px;
-      @media screen and (orientation: landscape){
-        width: 92px;
-        height: 22px;
-      }
     `,
     userAccountLogo: css`
       width: 6.37rem;
-      height: 1.465rem;
+      height: 2.465rem;
     `,
   },
   termsLink: '/terms-and-conditions?client_id=insports-ott-web',

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;
+      height: 85px;
-      width: 234px;
+      width: 275px;
       margin-bottom: 1.82rem;
 
       ${isMobileDevice ? css`
           margin-bottom: 15px;
-          width: 145px;
+          width: 165px;
-          height: 45px;
+          height: 50px;
           @media screen and (orientation: landscape){
             width: 92px;
             height: 22px;

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')
 

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`

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` : '')};