Increase size of approver icon-button and tooltip text

UniversityOfHelsinkiCS · Oct 17, 2024 · bea71af · bea71af
1 parent b9303dd
commit bea71af
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/client/components/ProgramManagement/ProgramManagement.tsx b/src/client/components/ProgramManagement/ProgramManagement.tsx
@@ -85,6 +85,14 @@ const ProgramManagement = () => {
       sortable: false,
       renderCell: (params) => (
         <Tooltip
+          arrow
+          PopperProps={{
+            sx: {
+              '& .MuiTooltip-tooltip': {
+                fontSize: '0.9rem',
+              },
+            },
+          }}
           title={
             params.row.isThesisApprover
               ? t('programManagementPage:disallowThesisApprovalButton')
@@ -104,9 +112,9 @@ const ProgramManagement = () => {
             data-testid={`toggle-thesis-approver-button-${params.row.userId}`}
           >
             {params.row.isThesisApprover ? (
-              <HowToRegIcon fontSize="small" />
+              <HowToRegIcon fontSize="large" />
             ) : (
-              <HowToRegOutlinedIcon fontSize="small" />
+              <HowToRegOutlinedIcon fontSize="large" />
             )}
           </IconButton>
         </Tooltip>