fix(web): correction on topjurors styling

kleros · Oct 31, 2023 · be3968b · be3968b
1 parent aefcc48
commit be3968b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/web/src/pages/Dashboard/WithHelpTooltip.tsx b/web/src/pages/Dashboard/WithHelpTooltip.tsx
@@ -10,10 +10,12 @@ const Container = styled.div`
 `;
 
 const HelpIcon = styled(_HelpIcon)`
+  display: flex;
+  align-items: center;
   height: 12px;
   width: 12px;
   fill: ${({ theme }) => theme.secondaryText};
-  margin: 4px 4px 6px 8px;
+  margin: 0 0 0 8px;
 
   ${landscapeStyle(
     () => css`

diff --git a/web/src/pages/Home/TopJurors/Header/Rewards.tsx b/web/src/pages/Home/TopJurors/Header/Rewards.tsx
@@ -5,12 +5,12 @@ import WithHelpTooltip from "pages/Dashboard/WithHelpTooltip";
 
 const Container = styled.div`
   display: flex;
+  color: ${({ theme }) => theme.secondaryText};
+
   font-size: 12px !important;
   &::before {
     content: "Rewards";
   }
-  color: ${({ theme }) => theme.secondaryText};
-  align-items: center;
 
   ${landscapeStyle(
     () =>

diff --git a/web/src/pages/Home/TopJurors/Header/index.tsx b/web/src/pages/Home/TopJurors/Header/index.tsx
@@ -61,7 +61,7 @@ const Header: React.FC = () => {
         <Rewards />
         <Coherency />
       </PlaceAndTitleAndRewardsAndCoherency>
-      <HowItWorks onClick={() => toggleIsLevelMiniGuidesOpen()} />
+      <HowItWorks />
     </Container>
   );
 };