From 1b075a35d37f90f0d9f8db76bda4d32226580648 Mon Sep 17 00:00:00 2001
From: Richard R <me@richardr.dev>
Date: Sat, 30 May 2026 20:12:27 -0600
Subject: [PATCH] style(doclist): adjust skeleton grid columns for improved
 mobile responsiveness

Update grid column widths in DocumentListSkeleton to better fit smaller screens,
enhancing the mobile viewing experience and alignment consistency.
---
 src/components/doclist/DocumentListSkeleton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/doclist/DocumentListSkeleton.tsx b/src/components/doclist/DocumentListSkeleton.tsx
index d80c076..e717f40 100644
--- a/src/components/doclist/DocumentListSkeleton.tsx
+++ b/src/components/doclist/DocumentListSkeleton.tsx
@@ -31,7 +31,7 @@ function IconsSkeleton({ iconSize }: { iconSize: IconSize }) {
 function ListSkeleton() {
   return (
     <div className="h-full min-h-0 overflow-y-auto">
-      <div className="sticky top-0 z-10 bg-base border-b border-offbase grid grid-cols-[minmax(0,1fr)_72px_88px_120px_28px] sm:grid-cols-[minmax(0,1fr)_88px_96px_140px_32px]">
+      <div className="sticky top-0 z-10 bg-base border-b border-offbase grid grid-cols-[minmax(0,1fr)_44px_72px_104px_28px] sm:grid-cols-[minmax(0,1fr)_56px_96px_140px_32px]">
         <div className="h-8 flex items-center px-2">
           <div className="h-2.5 w-12 rounded bg-offbase" />
         </div>
@@ -50,7 +50,7 @@ function ListSkeleton() {
         {Array.from({ length: 10 }).map((_, index) => (
           <div
             key={index}
-            className="grid grid-cols-[minmax(0,1fr)_72px_88px_120px_28px] sm:grid-cols-[minmax(0,1fr)_88px_96px_140px_32px] items-center border-b border-offbase h-[35px]"
+            className="grid grid-cols-[minmax(0,1fr)_44px_72px_104px_28px] sm:grid-cols-[minmax(0,1fr)_56px_96px_140px_32px] items-center border-b border-offbase h-[35px]"
           >
             <div className="px-2 flex items-center gap-2">
               <div className="h-3.5 w-3.5 rounded bg-offbase" />