From 6942dad482cb989ad5e6882b2a56b6734bc0bf87 Mon Sep 17 00:00:00 2001
From: Collin Barrett <6483057+collinbarrett@users.noreply.github.com>
Date: Wed, 2 Jul 2025 17:59:52 -0500
Subject: [PATCH] refactor(web): prefer non-bracket syntax in tailwind

---
 web/src/app/globals.css                       | 2 +-
 web/src/components/filterlist-table/index.tsx | 2 +-
 web/src/components/header/index.tsx           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index c4fb0e259..9ba216c5e 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -127,7 +127,7 @@
 }
 
 .resizer {
-  @apply absolute right-0 top-0 h-full w-[5px] cursor-col-resize select-none touch-none;
+  @apply absolute right-0 top-0 h-full w-1.5 cursor-col-resize select-none touch-none;
 }
 
 .resizer.isResizing {
diff --git a/web/src/components/filterlist-table/index.tsx b/web/src/components/filterlist-table/index.tsx
index e6e844309..1dd694b81 100644
--- a/web/src/components/filterlist-table/index.tsx
+++ b/web/src/components/filterlist-table/index.tsx
@@ -132,7 +132,7 @@ export function FilterListTable({
                   style={{ width: cell.column.getSize() }}
                   className="relative"
                 >
-                  <div className="h-[42px] overflow-hidden">
+                  <div className="h-11 overflow-hidden">
                     {flexRender(cell.column.columnDef.cell, cell.getContext())}
                   </div>
                 </TableCell>
diff --git a/web/src/components/header/index.tsx b/web/src/components/header/index.tsx
index f3b3bdc4c..e63ed29a5 100644
--- a/web/src/components/header/index.tsx
+++ b/web/src/components/header/index.tsx
@@ -11,7 +11,7 @@ export function Header() {
         <div className="flex items-center">
           <Link href="/" aria-label="Go to homepage">
             <ThemeImage
-              className="sm:max-w-none sm:max-h-none max-w-[222px] max-h-[52px]"
+              className="sm:max-w-none sm:max-h-none max-w-56 max-h-14"
               srcLight={LogoLight}
               srcDark={logoDark}
               alt="FilterLists logo"