PWA: Replace reload button with an icon

1 files changed, 5 insertions, 4 deletions

diff --git a/modern/src/UpdateCheckPrompt.tsx b/modern/src/UpdateCheckPrompt.tsx
index 315a65ef..a3906304 100644
--- a/modern/src/UpdateCheckPrompt.tsx
+++ b/modern/src/UpdateCheckPrompt.tsx
@@ -1,4 +1,5 @@
-import { Snackbar, Button } from '@mui/material';
+import { Snackbar, IconButton } from '@mui/material';
+import RefreshIcon from '@mui/icons-material/Refresh';
 import React from 'react'
 import { useTranslation } from './common/components/LocalizationProvider';
 import { useAttributePreference } from './common/util/preferences';
@@ -46,9 +47,9 @@ function UpdateCheckPrompt() {
       open={needRefresh} 
       message={t('settingsUpdateAvailable')}
       action={(
-        <Button onClick={() => updateServiceWorker(true)}>
-          {t('settingsReload')}
-        </Button>
+        <IconButton color="inherit" onClick={() => updateServiceWorker(true)}>
+          <RefreshIcon />
+        </IconButton>
       )}
     />
   );