From 164958654573b6df91759115447a16bdf4ff1973 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sun, 1 Sep 2024 17:40:28 +0200
Subject: [PATCH] pl-fe: collapsed status gradient position improvement
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 packages/pl-fe/src/components/status-content.tsx             | 2 +-
 .../pl-fe/src/features/auth-login/components/login-page.tsx  | 1 -
 packages/pl-fe/src/features/delete-account/index.tsx         | 1 -
 .../src/features/report/components/status-check-box.tsx      | 1 -
 .../pl-fe/src/features/status/components/detailed-status.tsx | 1 -
 .../ui/components/modals/report-modal/report-modal.tsx       | 5 +----
 6 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 385b6ebc0..deb5a17ec 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -35,7 +35,7 @@ interface IReadMoreButton {
 
 /** Button to expand a truncated status (due to too much content) */
 const ReadMoreButton: React.FC<IReadMoreButton> = ({ onClick, quote }) => (
-  <div className='relative'>
+  <div className='relative -mt-4'>
     <div
       className={clsx('absolute -top-16 h-16 w-full bg-gradient-to-b from-transparent to-white black:to-black dark:to-primary-900', {
         'hover:to-gray-100 black:hover-to-gray-800 dark:hover:to-gray-800': quote,
diff --git a/packages/pl-fe/src/features/auth-login/components/login-page.tsx b/packages/pl-fe/src/features/auth-login/components/login-page.tsx
index e91b278d5..2ee32873b 100644
--- a/packages/pl-fe/src/features/auth-login/components/login-page.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/login-page.tsx
@@ -87,7 +87,6 @@ const LoginPage = () => {
         <Button className='w-full' theme='secondary' to='/login/external'>
           <FormattedMessage id='login_form.external' defaultMessage='Sign in from remote instance' />
         </Button>
-
       </Stack>
     </BigCard>
   );
diff --git a/packages/pl-fe/src/features/delete-account/index.tsx b/packages/pl-fe/src/features/delete-account/index.tsx
index 3b366d1e7..b5c8957f7 100644
--- a/packages/pl-fe/src/features/delete-account/index.tsx
+++ b/packages/pl-fe/src/features/delete-account/index.tsx
@@ -70,7 +70,6 @@ const DeleteAccount = () => {
               <Button type='submit' theme='danger' disabled={isLoading}>
                 {intl.formatMessage(messages.deleteSubmit)}
               </Button>
-
             </FormActions>
           </Form>
         </Stack>
diff --git a/packages/pl-fe/src/features/report/components/status-check-box.tsx b/packages/pl-fe/src/features/report/components/status-check-box.tsx
index 90c04c694..3c88333d2 100644
--- a/packages/pl-fe/src/features/report/components/status-check-box.tsx
+++ b/packages/pl-fe/src/features/report/components/status-check-box.tsx
@@ -73,7 +73,6 @@ const StatusCheckBox: React.FC<IStatusCheckBox> = ({ id, disabled }) => {
       <Stack className='status-check-box__status py-2' space={1}>
         <StatusContent status={status} />
         <Suspense>{media}</Suspense>
-
       </Stack>
 
       <div className='flex items-center justify-center p-2.5'>
diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index 48df75a99..968851657 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -172,7 +172,6 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
 
             <StatusLanguagePicker status={status} showLabel />
           </HStack>
-
         </HStack>
       </div>
     </div>
diff --git a/packages/pl-fe/src/features/ui/components/modals/report-modal/report-modal.tsx b/packages/pl-fe/src/features/ui/components/modals/report-modal/report-modal.tsx
index fe03948bd..2a296480f 100644
--- a/packages/pl-fe/src/features/ui/components/modals/report-modal/report-modal.tsx
+++ b/packages/pl-fe/src/features/ui/components/modals/report-modal/report-modal.tsx
@@ -55,10 +55,7 @@ const SelectedStatus = ({ statusId }: { statusId: string }) => {
         hideActions
       />
 
-      <StatusContent
-        status={status}
-        collapsable
-      />
+      <StatusContent status={status} />
 
       {status.media_attachments.length > 0 && (
         <AttachmentThumbs