Merge pull request #3891 from tdeo/patch-4

Tweak ResettableTextField adornment style
marmelab · Oct 28, 2019 · b9973de · b9973de
2 parents 859be39 + 32a1711
commit b9973de
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/ra-ui-materialui/src/input/ResettableTextField.js b/packages/ra-ui-materialui/src/input/ResettableTextField.js
@@ -18,11 +18,15 @@ const useStyles = makeStyles({
     },
     clearButton: {
         height: 24,
+        padding: 0,
         width: 0,
     },
     visibleClearButton: {
         width: 24,
     },
+    selectAdornment: {
+        marginRight: 12,
+    },
 });
 
 const handleMouseDownClearButton = event => {
@@ -86,7 +90,12 @@ function ResettableTextField({
             value={value}
             InputProps={{
                 endAdornment: resettable && value && (
-                    <InputAdornment position="end">
+                    <InputAdornment
+                        position="end"
+                        classes={{
+                            root: props.select ? classes.selectAdornment : null,
+                        }}
+                    >
                         <IconButton
                             className={classNames(clearButton, {
                                 [visibleClearButton]: