Make search boxes smaller.

This commit is contained in:
Matthew Stratford 2020-10-02 00:20:34 +01:00
parent 69ced321a8
commit 6c90096991
2 changed files with 6 additions and 6 deletions

View file

@ -134,7 +134,7 @@ function LibraryColumn() {
</div>
<div className="px-2">
<select
className="form-control"
className="form-control form-control-sm"
style={{ flex: "none" }}
value={sauce}
onChange={(e) => setSauce(e.target.value)}

View file

@ -57,14 +57,14 @@ export function CentralMusicLibrary() {
<div className="library library-central">
<span className="px-2">
<input
className="form-control"
className="form-control form-control-sm"
type="text"
placeholder="Filter by track..."
value={track}
onChange={(e) => setTrack(e.target.value)}
/>
<input
className="form-control mt-2"
className="form-control form-control-sm mt-2"
type="text"
placeholder="Filter by artist..."
value={artist}
@ -124,14 +124,14 @@ export function ManagedPlaylistLibrary({ libraryId }: { libraryId: string }) {
<div className="library library-central">
<span className="px-2">
<input
className="form-control"
className="form-control form-control-sm"
type="text"
placeholder="Filter by track..."
value={track}
onChange={(e) => setTrack(e.target.value)}
/>
<input
className="form-control mt-2"
className="form-control form-control-sm mt-2"
type="text"
placeholder="Filter by artist..."
value={artist}
@ -211,7 +211,7 @@ export function AuxLibrary({ libraryId }: { libraryId: string }) {
<div className="library library-aux">
<span className="px-2">
<input
className="form-control"
className="form-control form-control-sm"
type="text"
placeholder="Filter..."
value={searchQuery}