From 59e4a9861f231e73364da49d1609a858b4fa307e Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Fri, 22 Oct 2021 17:01:32 +0200
Subject: Clear search button: Remove background, hide on empty

---
 src/components/SearchForm.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js
index 1150dec..a96c351 100644
--- a/src/components/SearchForm.js
+++ b/src/components/SearchForm.js
@@ -58,9 +58,17 @@ class SearchForm extends React.Component {
                     InputProps={{
                         endAdornment: (
                             <InputAdornment position="end">
-                                <IconButton onClick={this.clearSearch}>
-                                    {this.state.value !== "" && <ClearIcon />}
-                                </IconButton>
+                                {this.state.value !== "" && (
+                                    <IconButton
+                                        onClick={this.clearSearch}
+                                        sx={{
+                                            backgroundColor:
+                                                "inherit !important"
+                                        }}
+                                    >
+                                        <ClearIcon />
+                                    </IconButton>
+                                )}
                             </InputAdornment>
                         )
                     }}
-- 
cgit v1.1