From: Jay Sitter <jay@jaysitter.com>
Date: Sun, 18 Jun 2023 01:09:43 +0000 (-0400)
Subject: fix: Use btn-sm for advanced menu dropdown buttons
X-Git-Url: http://these/git/%24%7BgetStaticDir%28%29%7D/styles/%7B%60/%7B%60https:/%22https:/soc.flyingcube.tech/objects/56f79be2-9013-4559-9826-f7dc392417db/static/readmes/README.ru.md?a=commitdiff_plain;h=dcf576ff41114d7d4de7853162dc27c4045c8453;p=lemmy-ui.git

fix: Use btn-sm for advanced menu dropdown buttons
---

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 8671cf4..0e2ab8a 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -875,7 +875,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
   get reportButton() {
     return (
       <button
-        className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+        className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
         onClick={linkEvent(this, this.handleShowReportDialog)}
         data-tippy-content={i18n.t("show_report_dialog")}
         aria-label={i18n.t("show_report_dialog")}
@@ -888,7 +888,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
   get blockButton() {
     return (
       <button
-        className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+        className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
         onClick={linkEvent(this, this.handleBlockPersonClick)}
         data-tippy-content={i18n.t("block_user")}
         aria-label={i18n.t("block_user")}
@@ -901,7 +901,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
   get editButton() {
     return (
       <button
-        className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+        className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
         onClick={linkEvent(this, this.handleEditClick)}
         aria-label={i18n.t("edit")}
       >
@@ -916,7 +916,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
     const label = !deleted ? i18n.t("delete") : i18n.t("restore");
     return (
       <button
-        className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+        className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
         onClick={linkEvent(this, this.handleDeleteClick)}
         aria-label={label}
       >
@@ -958,7 +958,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
     const label = locked ? i18n.t("unlock") : i18n.t("lock");
     return (
       <button
-        className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+        className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
         onClick={linkEvent(this, this.handleModLock)}
         aria-label={label}
       >
@@ -992,7 +992,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
       <>
         <li>
           <button
-            className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+            className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
             onClick={linkEvent(this, this.handleModFeaturePostCommunity)}
             data-tippy-content={labelCommunity}
             aria-label={labelCommunity}
@@ -1016,7 +1016,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         <li>
           {amAdmin() && (
             <button
-              className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+              className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
               onClick={linkEvent(this, this.handleModFeaturePostLocal)}
               data-tippy-content={labelLocal}
               aria-label={labelLocal}
@@ -1046,7 +1046,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
     const removed = this.postView.post.removed;
     return (
       <button
-        className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
+        className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
         onClick={linkEvent(
           this,
           !removed ? this.handleModRemoveShow : this.handleModRemoveSubmit