From 6b129b65f3344118a3b424c66a6062b3cfbc9bc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 19 Oct 2025 23:54:18 +0200
Subject: [PATCH] pl-fe: idk im drunk
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/status.tsx           | 10 ++++++----
 .../notifications/components/notification.tsx      |  2 ++
 .../src/features/ui/components/pending-status.tsx  |  2 +-
 packages/pl-fe/src/styles/components/status.scss   |  4 ----
 packages/pl-fe/src/styles/new/notifications.scss   |  2 +-
 packages/pl-fe/src/styles/new/statuses.scss        | 14 ++++++++++++++
 6 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index 0903dc03b..e8417ceac 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -367,8 +367,12 @@ const Status: React.FC<IStatus> = (props) => {
 
   const body = (
     <div
-      className={clsx('status cursor-pointer')}
+      className={clsx('⁂-status', {
+        '⁂-status--reply': !!status.in_reply_to_id,
+      })}
       data-featured={featured ? 'true' : null}
+      data-visibility={actualStatus.visibility}
+      data-id={status.id}
       aria-label={textForScreenReader(intl, actualStatus, rebloggedByText)}
       ref={node}
       onClick={handleClick}
@@ -376,13 +380,11 @@ const Status: React.FC<IStatus> = (props) => {
     >
       <Card
         variant={variant}
-        className={clsx('status__wrapper space-y-4', className, `status-${actualStatus.visibility}`, {
+        className={clsx('⁂-status__wrapper status-wrapper', className, {
           'py-6 sm:p-5': variant === 'rounded',
-          'status-reply': !!status.in_reply_to_id,
           muted,
           read: unread === false,
         })}
-        data-id={status.id}
       >
         {statusInfo}
 
diff --git a/packages/pl-fe/src/features/notifications/components/notification.tsx b/packages/pl-fe/src/features/notifications/components/notification.tsx
index 482d36334..8fd4747e5 100644
--- a/packages/pl-fe/src/features/notifications/components/notification.tsx
+++ b/packages/pl-fe/src/features/notifications/components/notification.tsx
@@ -359,6 +359,7 @@ const Notification: React.FC<INotification> = (props) => {
           avatarSize={avatarSize}
           contextType='notifications'
           showGroup={false}
+          variant='slim'
         />
       );
     }
@@ -418,6 +419,7 @@ const Notification: React.FC<INotification> = (props) => {
             avatarSize={avatarSize}
             contextType='notifications'
             showGroup={false}
+            variant='slim'
           />
         ) : null;
       default:
diff --git a/packages/pl-fe/src/features/ui/components/pending-status.tsx b/packages/pl-fe/src/features/ui/components/pending-status.tsx
index c02aa92f7..ee0a05e79 100644
--- a/packages/pl-fe/src/features/ui/components/pending-status.tsx
+++ b/packages/pl-fe/src/features/ui/components/pending-status.tsx
@@ -58,7 +58,7 @@ const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, mu
 
   return (
     <div className={clsx('opacity-50', className)}>
-      <div className={clsx('status', { 'status-reply': !!status.in_reply_to_id, muted })} data-id={status.id}>
+      <div data-id={status.id}>
         <Card
           className={clsx(`status-${status.visibility}`, {
             'py-6 sm:p-5': variant === 'rounded',
diff --git a/packages/pl-fe/src/styles/components/status.scss b/packages/pl-fe/src/styles/components/status.scss
index ed80d0b5e..ed0be310a 100644
--- a/packages/pl-fe/src/styles/components/status.scss
+++ b/packages/pl-fe/src/styles/components/status.scss
@@ -1,7 +1,3 @@
-.status {
-  @apply min-h-[54px] cursor-default;
-}
-
 [column-type='filled'] .status__wrapper,
 [column-type='filled'] .status-placeholder {
   @apply bg-transparent dark:bg-transparent rounded-none shadow-none;
diff --git a/packages/pl-fe/src/styles/new/notifications.scss b/packages/pl-fe/src/styles/new/notifications.scss
index 1be55ca7d..5b0d938f0 100644
--- a/packages/pl-fe/src/styles/new/notifications.scss
+++ b/packages/pl-fe/src/styles/new/notifications.scss
@@ -33,7 +33,7 @@
     @include mixins.text($size: xs, $theme: muted, $truncate: true);
   }
 
-  .status__wrapper {
+  .⁂-status__wrapper {
     padding: 0;
   }
 }
\ No newline at end of file
diff --git a/packages/pl-fe/src/styles/new/statuses.scss b/packages/pl-fe/src/styles/new/statuses.scss
index 983074998..86a003e50 100644
--- a/packages/pl-fe/src/styles/new/statuses.scss
+++ b/packages/pl-fe/src/styles/new/statuses.scss
@@ -1,3 +1,17 @@
+.⁂-status {
+  @apply cursor-pointer;
+
+  &__wrapper {
+    @apply space-y-4;
+  }
+}
+
+.thread__status {
+  .⁂-.status__wrapper {
+    @apply p-0;
+  }
+}
+
 .⁂-media-gallery {
   @apply overflow-hidden rounded-md rounded-lg box-border overflow-hidden isolate relative w-full h-auto;