Align directory filters and remove repeated placeholder

public/css/styles.css

@@ -285,6 +285,7 @@ progress.bar-track::-moz-progress-bar { background: var(--brand); }
 .error-list { margin: 0; padding-left: 1.2rem; }
 
 .directory-controls, .tracker-controls { display: grid; gap: .5rem .75rem; grid-template-columns: auto minmax(160px, 1fr) auto; margin: 1.5rem 0 1rem; }
+.directory-controls { align-items: center; }
 .directory-controls input { min-width: 0; }
 .directory-controls .result-count { align-self: center; }
 .result-count { color: var(--muted); flex: 0 1 auto; font-size: .8rem; }

test/websiteViews.test.js

@@ -224,6 +224,20 @@ test('search, directory, lookup, statistics, about, request and error states ren
   assertSingleH1(directory, 'directory');
   assert.match(directory, /Acme Analytics/);
   assert.match(directory, /data-filter=/);
+  assert.match(directory, /<label for="directory-filter">Filter trackers or companies<\/label>/);
+  const trackerFilter = directory.match(/<input[^>]*id="directory-filter"[^>]*>/)?.[0];
+  assert.ok(trackerFilter);
+  assert.doesNotMatch(trackerFilter, /placeholder=/);
+
+  const companyDirectory = render('directory.pug', {
+    kind: 'company',
+    entries: [{ name: 'Acme Corp', slug: 'acme-corp', countryName: 'United States', region: 'US', appCount: 2, pct: '50.0' }],
+    totalApps: 4, trackedApps: 2
+  });
+  assert.match(companyDirectory, /<label for="directory-filter">Filter companies<\/label>/);
+  const companyFilter = companyDirectory.match(/<input[^>]*id="directory-filter"[^>]*>/)?.[0];
+  assert.ok(companyFilter);
+  assert.doesNotMatch(companyFilter, /placeholder=/);
 
   const lookup = render('lookup.pug', {
     kind: 'tracker',

views/directory.pug

@@ -23,7 +23,7 @@ block content
 
     .directory-controls
       label(for='directory-filter')= translate(isTracker ? 'Filter trackers or companies' : 'Filter companies')
-      input#directory-filter(type='search' placeholder=translate(isTracker ? 'Filter trackers or companies' : 'Filter companies') aria-controls='directory-table' data-filter-target='#directory-table' autocomplete='off')
+      input#directory-filter(type='search' aria-controls='directory-table' data-filter-target='#directory-table' autocomplete='off')
       p#directory-count.result-count(role='status' aria-live='polite')= translate(directoryEntries.length === 1 ? '{{count}} entry' : '{{count}} entries', { count: directoryEntries.length })
 
     p.table-scroll-hint= translate('Scroll sideways to see all columns.')