Merge pull request #34 from javaevolved/copilot/change-filter-to-show-label

Change filter label to "Show" and fix alignment on index page

Author: brunoborges

site/styles.css

@@ -349,9 +349,17 @@ nav {
   flex-wrap: wrap;
   gap: 8px;
   justify-content: center;
+  align-items: center;
   margin-bottom: 40px;
 }
 
+.filter-label {
+  font-size: 0.82rem;
+  font-weight: 500;
+  color: var(--text-muted);
+  padding: 7px 8px 7px 0;
+}
+
 .filter-pill {
   padding: 7px 16px;
   border-radius: 999px;

templates/index.html

@@ -227,7 +227,7 @@ <h2 class="section-title">All comparisons</h2>
       <span class="section-badge">{{snippetCount}} snippets</span>
     </div>
     <div class="filter-pills" id="categoryFilter">
-      <span class="filter-label">Filter:</span>
+      <span class="filter-label">Show:</span>
       <button class="filter-pill" data-filter="all">All</button>
       <button class="filter-pill" data-filter="language">Language</button>
       <button class="filter-pill" data-filter="collections">Collections</button>