made an actual icon for the filter button, still need to make some changes to make it more reactive

Users Page/page.html

@@ -44,7 +44,7 @@
             </ul>
         </nav> -->
 
-        <button id="filterButton" onclick="showFilters()">Filter</button>
+        <button id="filterButton" onclick="showFilters()"><img src="filterButton.png" style="height: 30px;"></button>
 
         <div id="filter-box" style="display:none;">
             <div>

Users Page/styles.css

@@ -192,5 +192,16 @@ th {
 }
 
 #filterButton {
-  margin-right: 25px;
-}
+  margin-right: 15px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+}
+
+#filterButton:hover img {
+
+}
+  
+  
+