From 4780727f0969adcc25a8eee9c250f91901a68447 Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Mon, 31 Aug 2026 15:05:06 -0700
Subject: [PATCH] Add content-visibility in a few places

---
 src/app/components/PeopleItem.svelte      | 2 +-
 src/app/components/ReportItem.svelte      | 2 +-
 src/app/components/ThreadBoardItem.svelte | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/PeopleItem.svelte b/src/app/components/PeopleItem.svelte
index 1c6fc5b2..2ef83932 100644
--- a/src/app/components/PeopleItem.svelte
+++ b/src/app/components/PeopleItem.svelte
@@ -15,7 +15,7 @@
   const {pubkey, url}: Props = $props()
 </script>
 
-<div class="card card-interactive flex flex-col gap-4">
+<div class="cv card card-interactive flex flex-col gap-4">
   <div class="flex justify-between">
     <Profile {pubkey} {url} />
     <Link href={makeProfilePath(pubkey)} class="button button-primary hidden sm:flex">
diff --git a/src/app/components/ReportItem.svelte b/src/app/components/ReportItem.svelte
index 3b66a092..eadc05df 100644
--- a/src/app/components/ReportItem.svelte
+++ b/src/app/components/ReportItem.svelte
@@ -36,7 +36,7 @@
   }
 </script>
 
-<Card sm class="flex flex-col gap-4">
+<Card sm class="cv flex flex-col gap-4">
   <div class="flex justify-between">
     <div>
       <ProfileName pubkey={event.pubkey} {url} />
diff --git a/src/app/components/ThreadBoardItem.svelte b/src/app/components/ThreadBoardItem.svelte
index 5afbd708..dfe6f255 100644
--- a/src/app/components/ThreadBoardItem.svelte
+++ b/src/app/components/ThreadBoardItem.svelte
@@ -34,7 +34,7 @@
 {#if mobile}
   <Link
     href={path}
-    class="hover:bg-surface-less flex w-full flex-col gap-2 border-b border-solid border-line px-4 py-3 text-left text-sm transition-colors">
+    class="cv hover:bg-surface-less flex w-full flex-col gap-2 border-b border-solid border-line px-4 py-3 text-left text-sm transition-colors">
     <p class="truncate font-medium">{title || "Untitled thread"}</p>
     <div class="text-content-muted flex flex-wrap items-center gap-x-3 gap-y-1 text-xs">
       <span class="flex min-w-0 items-center gap-1.5">