feat(css): make vertical rhythm more consistent for post listings

This commit is contained in:
ayan4m1 2023-06-18 21:36:27 -04:00 committed by Andrew DeLisa
parent 2951651d1b
commit 5ccd8922da

View file

@ -201,7 +201,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post = this.postView.post; const post = this.postView.post;
return ( return (
<div className="post-listing"> <div className="post-listing mt-2">
{!this.state.showEdit ? ( {!this.state.showEdit ? (
<> <>
{this.listing()} {this.listing()}
@ -621,11 +621,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post = this.postView.post; const post = this.postView.post;
return ( return (
<div className="d-flex align-items-center justify-content-start flex-wrap text-muted font-weight-bold mb-1"> <div className="d-flex align-items-center justify-content-start flex-wrap text-muted font-weight-bold">
{this.commentsButton} {this.commentsButton}
{canShare() && ( {canShare() && (
<button <button
className="btn btn-link" className="btn btn-sm btn-link"
onClick={linkEvent(this, this.handleShare)} onClick={linkEvent(this, this.handleShare)}
type="button" type="button"
> >
@ -723,7 +723,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post_view = this.postView; const post_view = this.postView;
return ( return (
<Link <Link
className="btn btn-link text-muted py-0 pl-0 text-muted" className="btn btn-link text-muted pl-0 text-muted"
title={i18n.t("number_of_comments", { title={i18n.t("number_of_comments", {
count: Number(post_view.counts.comments), count: Number(post_view.counts.comments),
formattedCount: Number(post_view.counts.comments), formattedCount: Number(post_view.counts.comments),