From c114a55e6c3635f8fe602668f8f91145fd08e944 Mon Sep 17 00:00:00 2001
From: Ruslan Khayrullin <ruslfm08@gmail.com>
Date: Wed, 21 Sep 2022 15:57:41 +0300
Subject: [PATCH] feat(ott-2843): fix star position

---
 .../components/CollapseTournament/index.tsx            | 10 +++++-----
 .../components/CollapseTournament/styled.tsx           |  9 +++------
 src/libs/objects/Star.tsx                              |  6 +++---
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/features/TournamentList/components/CollapseTournament/index.tsx b/src/features/TournamentList/components/CollapseTournament/index.tsx
index 13edcfb2..34cd5a8f 100644
--- a/src/features/TournamentList/components/CollapseTournament/index.tsx
+++ b/src/features/TournamentList/components/CollapseTournament/index.tsx
@@ -73,15 +73,15 @@ export const CollapseTournament = ({
             <CountryFlag
               src={`https://instatscout.com/images/flags/48/${countryId}.png`}
             />
-          </FirstInfo>
-
-          <SecondaryInfo>
-            <TournamentName nameObj={tournament} />
             {isFavorite && (
-              <FavoriteSign marginLeft={12} color='rgba(255, 255, 255, 0.5)'>
+              <FavoriteSign color='rgba(255, 255, 255, 0.5)'>
                 <Icon refIcon='Star' />
               </FavoriteSign>
             )}
+          </FirstInfo>
+
+          <SecondaryInfo>
+            <TournamentName nameObj={tournament} />
           </SecondaryInfo>
           <CountMatches>
             {tournamentMatches.length}
diff --git a/src/features/TournamentList/components/CollapseTournament/styled.tsx b/src/features/TournamentList/components/CollapseTournament/styled.tsx
index dc18245c..63cc176e 100644
--- a/src/features/TournamentList/components/CollapseTournament/styled.tsx
+++ b/src/features/TournamentList/components/CollapseTournament/styled.tsx
@@ -202,17 +202,14 @@ export const TournamentLogo = styled(ProfileLogo)`
 
 type FavoriteSignProps = {
   color?: string,
-  marginLeft?: number,
 }
 
 export const FavoriteSign = styled.span<FavoriteSignProps>`
-  margin-left: ${({ marginLeft = 9 }) => marginLeft}px;
+  margin-left: 0.567rem;
   color: ${({ color }) => color};
   display: flex;
-  transform: translateY(25%);
   justify-content: center;
   align-items: center;
-  width: 8px;
-  height: 8px;
-  margin-bottom: 7px;
+  width: 10px;
+  height: 10px;
 `
diff --git a/src/libs/objects/Star.tsx b/src/libs/objects/Star.tsx
index de4c2cab..9aff2716 100644
--- a/src/libs/objects/Star.tsx
+++ b/src/libs/objects/Star.tsx
@@ -1,10 +1,10 @@
 export const Star = () => (
   <svg
     xmlns='http://www.w3.org/2000/svg'
-    width='8'
-    height='8'
+    width='10'
+    height='10'
     fill='none'
-    viewBox='0 0 8 8'
+    viewBox='0 0 10 10'
   >
     <path
       fill='currentColor'