From 7a10f14806efbf124527371af87ad77c7da7b7a6 Mon Sep 17 00:00:00 2001
From: Ron Lucke <lucke@elan-ev.de>
Date: Thu, 20 Jun 2024 16:07:20 +0200
Subject: [PATCH] wrap icons in button tag

---
 src/components/shared/TableFilters.tsx | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/shared/TableFilters.tsx b/src/components/shared/TableFilters.tsx
index 352e5b89d7..650b14129a 100644
--- a/src/components/shared/TableFilters.tsx
+++ b/src/components/shared/TableFilters.tsx
@@ -262,10 +262,9 @@ const TableFilters = ({
 					<div className="table-filter">
 						<div className="filters">
 							<Tooltip title={t("TABLE_FILTERS.ADD")}>
-								<i
-									className="fa fa-filter"
-									onClick={() => setFilterSelector(!showFilterSelector)}
-								/>
+								<button className="button-like-anchor" onClick={() => setFilterSelector(!showFilterSelector)}>
+									<i className="fa fa-filter" />
+								</button>
 							</Tooltip>
 
 							{/*show if icon is clicked*/}
@@ -371,17 +370,15 @@ const TableFilters = ({
 
 						{/* Remove icon to clear all filters */}
 						<Tooltip title={t("TABLE_FILTERS.CLEAR")}>
-							<i
-								onClick={removeFilters}
-								className="clear fa fa-times"
-							/>
+							<button className="button-like-anchor" onClick={removeFilters}>
+								<i className="clear fa fa-times" />
+							</button>
 						</Tooltip>
 						{/* Settings icon to open filters profile dialog (save and editing filter profiles)*/}
 						<Tooltip title={t("TABLE_FILTERS.PROFILES.FILTERS_HEADER")}>
-							<i
-								onClick={() => setFilterSettings(!showFilterSettings)}
-								className="settings fa fa-cog fa-times"
-							/>
+							<button className="button-like-anchor" onClick={() => setFilterSettings(!showFilterSettings)}>
+								<i className="settings fa fa-cog fa-times" />
+							</button>
 						</Tooltip>
 
 						{/* Filter profile dialog for saving and editing filter profiles */}