From ffba24bc947b8443623a0c567f9f0f2d33624b3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <me@mkljczk.pl>
Date: Mon, 15 Aug 2022 14:48:52 +0200
Subject: [PATCH] Minor styles improvements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <me@mkljczk.pl>
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../features/status/components/detailed-status.tsx     | 10 +++++-----
 app/styles/components/modal.scss                       |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx
index 250f812574..1b317d44af 100644
--- a/app/soapbox/features/status/components/detailed-status.tsx
+++ b/app/soapbox/features/status/components/detailed-status.tsx
@@ -5,7 +5,7 @@ import Icon from 'soapbox/components/icon';
 import StatusMedia from 'soapbox/components/status-media';
 import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
 import StatusContent from 'soapbox/components/status_content';
-import { HStack, Text } from 'soapbox/components/ui';
+import { HStack, Stack, Text } from 'soapbox/components/ui';
 import AccountContainer from 'soapbox/containers/account_container';
 import QuotedStatus from 'soapbox/features/status/containers/quoted_status_container';
 import { getActualStatus } from 'soapbox/utils/status';
@@ -65,9 +65,9 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
   }
 
   if (actualStatus.visibility === 'direct') {
-    statusTypeIcon = <Icon src={require('@tabler/icons/mail.svg')} />;
+    statusTypeIcon = <Icon className='text-gray-700 dark:text-gray-600' src={require('@tabler/icons/mail.svg')} />;
   } else if (actualStatus.visibility === 'private') {
-    statusTypeIcon = <Icon src={require('@tabler/icons/lock.svg')} />;
+    statusTypeIcon = <Icon className='text-gray-700 dark:text-gray-600' src={require('@tabler/icons/lock.svg')} />;
   }
 
   return (
@@ -102,7 +102,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
         <HStack justifyContent='between' alignItems='center' className='py-2'>
           <StatusInteractionBar status={actualStatus} />
 
-          <div className='detailed-actualStatus__timestamp'>
+          <Stack space={1} alignItems='center'>
             {statusTypeIcon}
 
             <span>
@@ -128,7 +128,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
                 </>
               )}
             </span>
-          </div>
+          </Stack>
         </HStack>
       </div>
     </div>
diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss
index f31680d20b..6d4e3d6118 100644
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -304,7 +304,7 @@
     li:not(:empty) {
       a,
       button {
-        @apply flex items-center px-4 py-3 text-gray-600 dark:text-gray-300 no-underline hover:bg-gray-100 dark:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200;
+        @apply flex items-center px-4 py-3 text-gray-600 dark:text-gray-300 no-underline hover:bg-gray-100 dark:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 text-left;
 
         &.destructive {
           @apply text-danger-600;
@@ -325,7 +325,7 @@
       }
 
       button[type="button"] {
-        @apply w-full justify-center;
+        @apply w-full justify-center text-center;
       }
     }
   }