ContestantInfoScoreLabel width in visual (#198)

Co-authored-by: Kostya Bats <[email protected]>
icpc · Sep 6, 2024 · 95beed6 · 95beed6
1 parent 9a42857
commit 95beed6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/frontend/overlay/src/components/molecules/info/ContestantInfo.tsx b/src/frontend/overlay/src/components/molecules/info/ContestantInfo.tsx
@@ -12,7 +12,7 @@ import { Award } from "@shared/api";
 const ContestantInfoLabel = styled(RankLabel)`
   flex-shrink: 0;
   align-self: stretch;
-  width: 32px;
+  width: ${c.CONTESTER_INFO_RANK_WIDTH};
   padding-left: 4px;
 `;
 
@@ -41,7 +41,7 @@ const ContestantInfoWrap = styled.div<{round: boolean}>`
 const ContestantInfoScoreLabel = styled(ShrinkingBox)`
   flex-shrink: 0;
   box-sizing: content-box;
-  width: 51px;
+  width: ${c.CONTESTER_INFO_SCORE_WIDTH};
   padding-right: 20px;
 `;
 

diff --git a/src/frontend/overlay/src/config.ts b/src/frontend/overlay/src/config.ts
@@ -211,6 +211,8 @@ config.CONTESTER_BACKGROUND_COLOR = config.CONTEST_COLOR;
 config.CONTESTER_ROW_BORDER_RADIUS = config.GLOBAL_BORDER_RADIUS;
 config.CONTESTER_ROW_HEIGHT = "32px";
 config.CONTESTER_NAME_WIDTH = "150px";
+config.CONTESTER_INFO_SCORE_WIDTH = "51px";
+config.CONTESTER_INFO_RANK_WIDTH = "32px";
 
 config.TIMELINE_ELEMENT_DIAMETER = 25;
 config.TIMELINE_BORDER_RADIUS = config.GLOBAL_BORDER_RADIUS;