From ccfa45cc236a57b6e475ff5ed3a8660e270d1db5 Mon Sep 17 00:00:00 2001
From: Barak Yakter <byakter@gmail,com>
Date: Wed, 10 Jan 2024 19:09:29 +0200
Subject: [PATCH] fix the text in info button (make bigger) (#1020)

---
 src/components/molecules/card/AnyWayCard.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/card/AnyWayCard.tsx b/src/components/molecules/card/AnyWayCard.tsx
index aedabc5b..8a1d5292 100644
--- 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) => {