Fix bout getting cut off

ystv · May 4, 2024 · 0a2ac6e · 0a2ac6e
1 parent 154acf1
commit 0a2ac6e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/bundle-src/src/graphics/americanFootball/Scoreboard/Scoreboard.tsx b/bundle-src/src/graphics/americanFootball/Scoreboard/Scoreboard.tsx
@@ -79,7 +79,7 @@ export function Scoreboard({
           score={awayScore}
         />
         <NameBox
-          name={quarterTitle + quarter}
+          name={quarterTitle + " " + quarter}
           primaryColor="var(--ystv-dark)"
           sheen={false}
         />

diff --git a/bundle-src/src/graphics/common/teamNameBox/index.module.css b/bundle-src/src/graphics/common/teamNameBox/index.module.css
@@ -1,5 +1,5 @@
 .Background {
-  width: 94rem;
+  min-width: 94rem;
   height: 40rem;
   box-shadow: inset 0 7rem 1rem 0 rgba(255, 255, 255, 0.26);
   position: relative;
@@ -29,8 +29,9 @@
 }
 
 .Text {
-  width: 94rem;
+  min-width: 94rem;
   height: 40rem;
+  padding: 0 8rem;
   text-shadow: 0 0 6rem rgba(0, 0, 0, 0.35);
   font-family: OpenSans;
   font-size: 24rem;

diff --git a/bundle-src/src/graphics/common/teamNameBox/index.tsx b/bundle-src/src/graphics/common/teamNameBox/index.tsx
@@ -36,7 +36,7 @@ export function NameBox(props: Props & React.HTMLAttributes<HTMLDivElement>) {
         />
       )}
       <h5 className={styles.Text} style={{ color: secondaryColor }}>
-        {name.substring(0, 4).toUpperCase()}
+        {name.toUpperCase()}
       </h5>
     </div>
   );