diff --git a/app/javascript/flavours/glitch/features/ui/components/block_modal.jsx b/app/javascript/flavours/glitch/features/ui/components/block_modal.jsx
index 2d835eb8ca..ecb9846df1 100644
--- a/app/javascript/flavours/glitch/features/ui/components/block_modal.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/block_modal.jsx
@@ -10,12 +10,14 @@ import { useDispatch } from 'react-redux';
import AlternateEmailIcon from '@/material-icons/400-24px/alternate_email.svg?react';
import BlockIcon from '@/material-icons/400-24px/block.svg?react';
import CampaignIcon from '@/material-icons/400-24px/campaign.svg?react';
+import CollectionsIcon from '@/material-icons/400-24px/category.svg?react';
import ReplyIcon from '@/material-icons/400-24px/reply.svg?react';
import VisibilityOffIcon from '@/material-icons/400-24px/visibility_off.svg?react';
import { blockAccount } from 'flavours/glitch/actions/accounts';
import { closeModal } from 'flavours/glitch/actions/modal';
import { Button } from 'flavours/glitch/components/button';
import { Icon } from 'flavours/glitch/components/icon';
+import { areCollectionsEnabled } from '../../collections/utils';
export const BlockModal = ({ accountId, acct }) => {
const dispatch = useDispatch();
@@ -46,31 +48,38 @@ export const BlockModal = ({ accountId, acct }) => {
-
+
+
+
+ {areCollectionsEnabled() &&
+
+
+
+
+ }
+
diff --git a/app/javascript/flavours/glitch/features/ui/components/domain_block_modal.tsx b/app/javascript/flavours/glitch/features/ui/components/domain_block_modal.tsx
index 1fdec8f9a9..4fe665c9e5 100644
--- a/app/javascript/flavours/glitch/features/ui/components/domain_block_modal.tsx
+++ b/app/javascript/flavours/glitch/features/ui/components/domain_block_modal.tsx
@@ -83,15 +83,15 @@ export const DomainBlockModal: React.FC<{
defaultMessage='Block domain?'
/>
-
{domain}
+
{domain}
-
+
{preview &&
preview !== 'error' &&
preview.followers_count + preview.following_count > 0 && (
-
+
-
@@ -113,11 +113,11 @@ export const DomainBlockModal: React.FC<{
/>
-
+
)}
{preview === 'error' && (
-
+
@@ -129,10 +129,10 @@ export const DomainBlockModal: React.FC<{
/>
-
+
)}
-
+
@@ -142,9 +142,9 @@ export const DomainBlockModal: React.FC<{
defaultMessage="They won't know they've been blocked."
/>
-
+
-
+
@@ -154,9 +154,9 @@ export const DomainBlockModal: React.FC<{
defaultMessage="You won't see posts or notifications from users on this server."
/>
-
+
-
+
@@ -166,9 +166,9 @@ export const DomainBlockModal: React.FC<{
defaultMessage='Nobody from this server can follow you.'
/>
-
+
-
+
@@ -178,8 +178,8 @@ export const DomainBlockModal: React.FC<{
defaultMessage='People from this server can interact with your old posts.'
/>
-
-
+
+
diff --git a/app/javascript/flavours/glitch/features/ui/components/ignore_notifications_modal.jsx b/app/javascript/flavours/glitch/features/ui/components/ignore_notifications_modal.jsx
index 3affc76aa2..ab5f105063 100644
--- a/app/javascript/flavours/glitch/features/ui/components/ignore_notifications_modal.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/ignore_notifications_modal.jsx
@@ -57,22 +57,22 @@ export const IgnoreNotificationsModal = ({ filterType }) => {
{title}
-
+
+
diff --git a/app/javascript/flavours/glitch/features/ui/components/mute_modal.jsx b/app/javascript/flavours/glitch/features/ui/components/mute_modal.jsx
index 2e944151bf..33e8ff06bd 100644
--- a/app/javascript/flavours/glitch/features/ui/components/mute_modal.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/mute_modal.jsx
@@ -85,31 +85,31 @@ export const MuteModal = ({ accountId, acct }) => {
-
+
+
diff --git a/app/javascript/flavours/glitch/styles/mastodon/components.scss b/app/javascript/flavours/glitch/styles/mastodon/components.scss
index cd4351b63f..b65289ede7 100644
--- a/app/javascript/flavours/glitch/styles/mastodon/components.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon/components.scss
@@ -6733,14 +6733,16 @@ a.status-card {
&__bullet-points {
display: flex;
flex-direction: column;
- gap: 8px;
+ gap: 16px;
font-size: 16px;
line-height: 24px;
+ & > li,
& > div {
display: flex;
gap: 16px;
- align-items: center;
+ align-items: start;
+ text-wrap: pretty;
strong {
font-weight: 700;
@@ -6753,7 +6755,7 @@ a.status-card {
&__icon {
width: 40px;
- height: 40px;
+ height: 24px;
display: flex;
align-items: center;
justify-content: center;