fix the text in info button (make bigger) (#1020)

data-for-change · Jan 10, 2024 · ccfa45c · ccfa45c
1 parent a8b248a
commit ccfa45c
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/src/components/molecules/card/AnyWayCard.tsx b/src/components/molecules/card/AnyWayCard.tsx
@@ -65,6 +65,9 @@ const useStyles = makeStyles((theme) => ({
     lineHeight: '0.75',
     cursor: 'pointer',
   },
+  tooltip: {
+    fontSize: '13px',
+  },
 }));
 
 const AnyWayCard: FC<IProps> = ({
@@ -118,22 +121,22 @@ const AnyWayCard: FC<IProps> = ({
       <AnyWayButton className={classes.button} disableRipple={true} onClick={imgDownloadHandler}>
         <GetAppOutlinedIcon />
       </AnyWayButton>
-      <AnyWayButton className={classes.button} disableRipple={true} onClick={() =>{handleCardEditorOpen('CardEditor')}}>
+      <AnyWayButton className={classes.button} disableRipple={true} onClick={() => { handleCardEditorOpen('CardEditor') }}>
         <SettingsOverscanIcon />
       </AnyWayButton>
       {information && (
         <Box className={classes.information}>
-          <Tooltip title={information} placement="top" aria-label="info">
+          <Tooltip title={information} placement="top" aria-label="info" className={classes.tooltip}>
             <span>
               <InfoOutlinedIcon />
             </span>
           </Tooltip>
         </Box>
       )}
-     {transcription?(
-      <AnyWayButton className={classes.button} disableRipple={true} onClick={() =>{handleCardEditorOpen('TextBox')}}>
-      <TitleIcon />
-    </AnyWayButton>):null}
+      {transcription ? (
+        <AnyWayButton className={classes.button} disableRipple={true} onClick={() => { handleCardEditorOpen('TextBox') }}>
+          <TitleIcon />
+        </AnyWayButton>) : null}
     </>
   );
   const refFn = (element: HTMLDivElement) => {