main page states (search & initial) are now working

src/main/resources/static/main.css

@@ -42,6 +42,7 @@ header {
     left: 0;
     z-index: 1;
 }
+
 #tool-bar {
     display: flex;
     flex-direction: row;
@@ -77,18 +78,6 @@ header {
     text-align: center;
 }
 
-
-/*
-#search .datasets:empty {
-    background: url("sad-looking-glass.svg");
-    height: 7rem;
-    width: 7rem;
-    padding: var(--pad-main);
-}
-
- */
-
-
 .hidden {
     display: none;
 }
@@ -103,10 +92,6 @@ header {
     gap: 1rem;
 }
 
-
-
-
-
 @container (width < 60ch) {
     .datasets {
         grid-template-columns: 1fr;
@@ -133,7 +118,7 @@ header {
     gap: .5em;
 }
 /* Buttons */
-.upvote-btn, .downvote-btn, #search-btn, #filter-btn, #sort-btn {
+.upvote-btn, .downvote-btn, #search-btn, #filter-btn, #sort-btn, #reset-tools-btn {
     background: var(--icon-url) no-repeat;
     background-size: contain;
     border: none;
@@ -163,6 +148,11 @@ header {
     --icon-size: 1rem;
 }
 
+#reset-tools-btn {
+    --icon-url: url(reset.svg);
+    --icon-size: 1rem;
+}
+
 #sort-btn {
     --icon-url: url(sort.svg);
     --icon-size: 1rem;