small ui adjustments

beeracademy · Jul 28, 2024 · 437794b · 437794b
1 parent cc8f935
commit 437794b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/TODOS.md b/TODOS.md
@@ -1,8 +1,8 @@
 # TODOS
 
-- [ ] Game image in finish dialog
-- [ ] Show player personal best in chug dialog
+- [ ] Add sound when chug is drawn
 - [ ] Shuffle players at game start
+- [ ] Show player personal best in chug dialog
 - [ ] Location support
 - [ ] Better independent sound handling
 - [ ] Assets preloading

diff --git a/src/components/ConfirmDialog/index.tsx b/src/components/ConfirmDialog/index.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 
 import {
+  Button,
   Dialog,
   DialogActions,
   DialogContent,
   DialogContentText,
   DialogTitle,
-  Button,
 } from "@mui/material";
 
 interface ConfirmDialogProps {

diff --git a/src/views/Game/components/ChugsList.tsx b/src/views/Game/components/ChugsList.tsx
@@ -105,6 +105,7 @@ const ChugsList: FunctionComponent = () => {
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
+            fontWeight: "bold",
           }}
           variant="outlined"
           key={i}

diff --git a/src/views/Game/components/PlayerItem.tsx b/src/views/Game/components/PlayerItem.tsx
@@ -5,6 +5,7 @@ import {
   List,
   ListItem,
   ListItemText,
+  Slide,
   Stack,
   Typography,
   useTheme,
@@ -107,14 +108,15 @@ const PlayerItem: FunctionComponent<PlayerItemProps> = (props) => {
           paddingRight: 1,
           paddingLeft: 1,
           height: 30,
+          overflow: "hidden",
         }}
       >
         {new Array(playerMetrics.numberOfBeers).fill(0).map((_, i) => (
-          <Grow key={i} in={true} timeout={500}>
+          <Slide direction="up" key={i} in={true} timeout={500}>
             <Box>
               <Bottle color={color()} />
             </Box>
-          </Grow>
+          </Slide>
         ))}
       </Stack>