better fitting skeleton

Author: StackOverflowIsBetterThanAnyAI

src/components/users/Users.tsx

@@ -90,16 +90,16 @@ const Users = () => {
                                       >
                                           <CardHeader>
                                               <CardTitle>
-                                                  <Skeleton className="h-[20px] w-[196px] max-w-3/5 rounded-full" />
+                                                  <Skeleton className="h-[20px] w-[196px] max-w-3/5 md:mb-1 rounded-full" />
                                               </CardTitle>
                                               <CardDescription>
-                                                  <Skeleton className="h-[16px] w-[144px] max-w-2/5 rounded-full" />
+                                                  <Skeleton className="h-[16px] w-[144px] max-w-2/5 mb-1 md:mb-4 rounded-full" />
                                               </CardDescription>
                                           </CardHeader>
                                           <CardContent className="flex flex-col gap-2">
                                               <Skeleton className="h-[18px] w-[512px] max-w-4/5 rounded-full" />
                                               <Skeleton className="h-[18px] w-[512px] max-w-4/5 rounded-full" />
-                                              <Skeleton className="h-[18px] w-[128px] max-w-4/5 rounded-full" />
+                                              <Skeleton className="h-[18px] w-[128px] max-w-4/5 hidden md:flex mb-8 rounded-full" />
                                           </CardContent>
                                           <CardFooter>
                                               <Skeleton className="h-[22px] w-[48px] max-w-2/5 rounded-full" />