fix button sizes

TogetherCrew · Oct 3, 2023 · 1fb3994 · 1fb3994
1 parent 97392c1
commit 1fb3994
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/pages/statistics/memberBreakdowns/CustomTable.tsx b/src/components/pages/statistics/memberBreakdowns/CustomTable.tsx
@@ -284,9 +284,8 @@ const CustomTable: React.FC<CustomTableProps> = ({
                   <>
                     <Button
                       onClick={handleOpenRolesPopup}
-                      size="small"
                       variant="text"
-                      sx={{ color: 'black' }}
+                      sx={{ color: 'black', minWidth: '64px' }}
                       endIcon={
                         isRolesPopupOpen ? (
                           <MdOutlineKeyboardArrowUp />
@@ -363,7 +362,7 @@ const CustomTable: React.FC<CustomTableProps> = ({
                       onClick={handleOpenActivityPopup}
                       size="small"
                       variant="text"
-                      sx={{ color: 'black' }}
+                      sx={{ color: 'black', minWidth: '64px' }}
                       endIcon={
                         isActivityPopupOpen ? (
                           <MdOutlineKeyboardArrowUp />
@@ -440,7 +439,7 @@ const CustomTable: React.FC<CustomTableProps> = ({
                       onClick={handleOpenJoinedAtPopup}
                       size="small"
                       variant="text"
-                      sx={{ color: 'black' }}
+                      sx={{ color: 'black', minWidth: '64px' }}
                       endIcon={
                         isJoinedAtPopupOpen ? (
                           <MdOutlineKeyboardArrowUp />

diff --git a/src/utils/theme.ts b/src/utils/theme.ts
@@ -32,7 +32,7 @@ export const theme = createTheme({
             opacity: 0.7,
           },
           '@media (max-width:1023px)': {
-            minWidth: '100%',
+            width: '100%',
           },
         },
         contained: {