Merge pull request #1189 from pgalhardo/enhancement/search-bar

Album/Playlist page search bar improvements

src/renderer/less/pages.less

@@ -598,6 +598,18 @@
         }
       }
     }
+
+    .search-input-container {
+      height: 2.5rem;
+      margin: 1rem;
+      margin-top: 0;
+      scroll-margin-top: 1rem;
+
+      .search-input {
+        width: 100%;
+        height: 100%;
+      }
+    }
   }
 
   .floating-header {
@@ -807,6 +819,38 @@
             text-transform: uppercase;
           }
         }
+
+        .search-btn {
+          display: flex;
+          width: 32px;
+          align-items: center;
+          margin-right: 1rem;
+          background: transparent;
+          border: none;
+          cursor: pointer;
+
+          > ._svg-icon {
+            width: 18px;
+            height: 18px;
+            margin: auto;
+          }
+        }
+
+        .search-btn.active {
+          animation: enlarge 0.5s ease-in-out;
+        }
+
+        @keyframes enlarge {
+          0% {
+            transform: scale(1);
+          }
+          50% {
+            transform: scale(1.2);
+          }
+          100% {
+            transform: scale(1);
+          }
+        }
       }
     }