fix: minor style tweaks

Author: sunaurus

src/app/(ui)/button/Button.tsx

@@ -29,7 +29,6 @@ export const getButtonClassnames = (props: ButtonProps) => {
     `flex flex-wrap justify-center rounded border p-1.5 text-${props.size ?? "sm"}
     min-w-24 font-semibold text-white shadow-sm hover:brightness-125
     focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2`,
-    props.className,
     {
       "border-neutral-600 bg-neutral-500 focus-visible:outline-neutral-600":
         !props.color || props.color === "neutral",
@@ -39,5 +38,6 @@ export const getButtonClassnames = (props: ButtonProps) => {
         props.color === "danger",
     },
     { "p-1.5": props.size === "xs", "p-2": props.size === "md" },
+    props.className,
   );
 };

src/app/communities/SubscribeButton.tsx

@@ -24,7 +24,10 @@ export const SubscribeButton = (props: {
             props.communityName,
           )}
         >
-          <SubmitButton className={"ml-auto w-full"} color={"danger"}>
+          <SubmitButton
+            className={"ml-auto w-full max-w-[267px]"}
+            color={"danger"}
+          >
             {"Unsubscribe"}
           </SubmitButton>
         </form>

src/app/inbox/InboxMention.tsx

@@ -37,7 +37,7 @@ export const InboxMention = (props: {
           >
             <SubmitButton
               className={classNames(
-                `items-center gap-1 border-0 bg-transparent p-0 !text-neutral-300
+                `items-center gap-1 border-0 bg-transparent !p-0 !text-neutral-300
                 hover:brightness-125`,
                 { "!text-primary-300": !read },
               )}

src/app/inbox/InboxPrivateMessage.tsx

@@ -42,7 +42,7 @@ export const InboxPrivateMessage = (props: {
             >
               <SubmitButton
                 className={classNames(
-                  `items-center gap-1 border-0 bg-transparent p-0 !text-neutral-300
+                  `items-center gap-1 border-0 bg-transparent !p-0 !text-neutral-300
                   hover:brightness-125`,
                   { "!text-primary-300": !read },
                 )}

src/app/inbox/InboxReply.tsx

@@ -37,7 +37,7 @@ export const InboxReply = (props: {
           >
             <SubmitButton
               className={classNames(
-                `items-center gap-1 border-0 bg-transparent p-0 !text-neutral-300
+                `items-center gap-1 border-0 bg-transparent !p-0 !text-neutral-300
                 hover:brightness-125`,
                 { "!text-primary-300": !read },
               )}

src/app/inbox/PrivateMessage.tsx

@@ -54,7 +54,7 @@ export const PrivateMessage = (props: {
   return (
     <div
       className={classNames("mr-2 flex items-start", {
-        "text-neutral-400": isOwnMessage,
+        "text-neutral-500": isOwnMessage,
       })}
       id={`message-${props.privateMessageView.private_message.id}`}
     >