From 012718ba8fc87693463f14cf6637b77048f770f0 Mon Sep 17 00:00:00 2001
From: Tobias <tobias-m99@gmx.de>
Date: Mon, 11 Mar 2024 11:43:33 +0100
Subject: [PATCH] change all devices also to an icon (#616)

---
 website/src/components/Navigation.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/website/src/components/Navigation.tsx b/website/src/components/Navigation.tsx
index cd4c0bd6..2baea97c 100644
--- a/website/src/components/Navigation.tsx
+++ b/website/src/components/Navigation.tsx
@@ -14,6 +14,7 @@ import IconButton from "@mui/material/IconButton";
 import Brightness4Icon from '@mui/icons-material/Brightness4';
 import Brightness7Icon from '@mui/icons-material/Brightness7';
 import LogoutIcon from '@mui/icons-material/Logout';
+import DevicesIcon from '@mui/icons-material/Devices';
 import {useMediaQuery} from "@mui/material";
 
 const useStyles = makeStyles((theme) => ({
@@ -50,7 +51,9 @@ export default function Navigation() {
 
         {AppState.info?.isAdmin && (
           <Link to="/admin/all-devices" color="inherit" component={NavLink}>
-            <Button color="inherit">All Devices</Button>
+             <IconButton sx={{ ml: 1 }}  color="inherit" title="All Devices">
+              <DevicesIcon /> 
+            </IconButton>
           </Link>
         )}