From 0f6bd053475edfdc12ff1e2d394653a45246bb71 Mon Sep 17 00:00:00 2001
From: daniel-schwartz-k <daniel.schwartz@kaltura.com>
Date: Thu, 27 Jul 2023 13:15:19 +0300
Subject: [PATCH] tooltips now are mosetly title, like clear button. and fix
 Save button to match Clear

---
 src/components/secret/secretInput.tsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/secret/secretInput.tsx b/src/components/secret/secretInput.tsx
index ff0015a..937e79f 100644
--- a/src/components/secret/secretInput.tsx
+++ b/src/components/secret/secretInput.tsx
@@ -12,7 +12,6 @@ import Popper, { PopperProps } from '@mui/material/Popper'
 import DeleteForever from '@mui/icons-material/DeleteForever'
 import Box from '@mui/material/Box'
 import { ellipsePad } from '../../src/util'
-import Tooltip from '@mui/material/Tooltip'
 import ConfirmDeleteDialog from './confirmDeleteDialog'
 
 type ITextWithSaveProps = TextFieldProps & {
@@ -61,9 +60,10 @@ function TextWithSave(props: ITextWithSaveProps) {
                   onClick={handleClickSaveIcon}
                   onMouseDown={handleMouseDownSave}
                   edge="end"
-                  sx={{ mr: -1 }}
+                  sx={{ mr: -4 }}
+                  title="Save"
                 >
-                  <Save />
+                  <Save fontSize="small" />
                 </IconButton>
               )}
             </InputAdornment>
@@ -122,11 +122,14 @@ export default function SecretInput(props: ISecretInputProps) {
         renderOption={(props, option) => (
           <li {...props} style={{ display: 'flex', justifyContent: 'space-between' }}>
             <Box sx={{ overflow: 'hidden' }}>{ellipsePad(option.label)}</Box>
-            <Tooltip title="Delete">
-              <IconButton aria-label="delete secret" onClick={() => handleClickDelete(option)} edge="end">
-                <DeleteForever color="secondary" fontSize="small" />
-              </IconButton>
-            </Tooltip>
+            <IconButton
+              aria-label="delete secret"
+              title="Delete"
+              onClick={() => handleClickDelete(option)}
+              edge="end"
+            >
+              <DeleteForever color="secondary" fontSize="small" />
+            </IconButton>
           </li>
         )}
         options={secrets}