Added display: flex and align-items: center to reports filter pill (#71)

moozzi · web-flow · commit 4fb3f1b555ab · 2026-02-18T08:38:00.000+01:00
diff --git a/app/assets/stylesheets/components/reports.css b/app/assets/stylesheets/components/reports.css
@@ -102,6 +102,8 @@
 }
 
 .reports-filter-pill {
+  display: flex;
+  align-items: center;
   padding: var(--spacing-2) var(--spacing-3);
   border: var(--border-width) solid var(--color-border);
   border-radius: var(--border-radius-md);

Original file line number	Diff line number	Diff line change
`@@ -102,6 +102,8 @@`
`102`	`102`	`}`
`103`	`103`
`104`	`104`	`.reports-filter-pill {`
	`105`	`+ display: flex;`
	`106`	`+ align-items: center;`
`105`	`107`	`padding: var(--spacing-2) var(--spacing-3);`
`106`	`108`	`border: var(--border-width) solid var(--color-border);`
`107`	`109`	`border-radius: var(--border-radius-md);`