update Artist

Lioncat6 · Jun 27, 2024 · 3dd29ab · 3dd29ab
1 parent d194f3b
commit 3dd29ab
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 18 deletions.
diff --git a/artist/index.html b/artist/index.html
@@ -27,7 +27,7 @@ <h1 id="artistName"></h1>
             <div id="loadingContainer"></div>
             <div id="loadingText"></div>
             <div id="albumContainer">
-                <div id="searchContainer"><input id="listSearch" onkeyup="searchList()" onkeydown="searchList()" placeholder="Search..."><button onclick="filter()" id="filterSearch">Filter</button></div>
+                <div id="searchContainer"><input id="listSearch" onkeyup="searchList()" onkeydown="searchList()" placeholder="Search..."><button onclick="filter()" id="filterSearch"><div id="fbText">Filter</div></button></div>
                 <div id="albumList">
                 </div>
             </div>

diff --git a/css/artist.css b/css/artist.css
@@ -169,32 +169,38 @@
   height: 20px;
 }
 
-
 #albumList a {
-    color: #333;
-    text-decoration: none;
+  color: #333;
+  text-decoration: none;
 }
-  
+
 #albumList a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 #searchContainer {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 }
 
 #filterSearch {
-        position: relative;
-        margin-left: auto;
-        padding: 10px;
-        height: 15px;
-        border: 1px solid gray;
-        border-radius: 20px;
-        transition: 0.2s all;
+  position: relative;
+  margin: 10px 10px 2px 0px;
+  padding: 10px;
+  height: 32px;
+  border: 1px solid gray;
+  border-radius: 10px;
+  transition: 0.2s all;
+  background: transparent;
+  color: black;
+  text-align: center;
 }
 
 #filterSearch:hover {
-    border: 1px solid black;
-    transition: 0.2s all;
-}
+  border: 1px solid black;
+  transition: 0.2s all;
+}
+
+#fbText {
+  transform: translateY(-3px);
+}