feat: Badge-ify NSFW and removed by mod title info

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 56961e22f86a20679f1a851a63c931e43feac187..fa0aad9a5ffb277d3a976ea159494b63f4725247 100644 (file)
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -552,7 +552,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             </button>
           ))}
         {post.removed && (
-          <small className="ml-2 text-muted font-italic">
+          <small className="ml-2 badge text-bg-secondary">
             {i18n.t("removed")}
           </small>
         )}
@@ -589,9 +589,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           </small>
         )}
         {post.nsfw && (
-          <small className="ml-2 text-muted font-italic">
-            {i18n.t("nsfw")}
-          </small>
+          <small className="ml-2 badge text-bg-danger">{i18n.t("nsfw")}</small>
         )}
       </div>
     );