From: Jay Sitter <jay@jaysitter.com> Date: Mon, 26 Jun 2023 00:00:43 +0000 (-0400) Subject: fix: Fix post listing vote/image/title widths X-Git-Url: http://these/git/%22%7B%7D/static/%7B%60https:/%24%7Bi.domain%7D%60%7D?a=commitdiff_plain;h=271425b963bcc44ff9289fa227ed8d930f3174d7;p=lemmy-ui.git fix: Fix post listing vote/image/title widths --- diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index a79c8c2..4e17fa2 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -1407,7 +1407,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <div className="d-none d-sm-block"> <article className="row post-container"> {!this.props.viewOnly && ( - <div className="col-1"> + <div className="col-auto"> <VoteButtons voteContentType={VoteContentType.Post} id={this.postView.post.id} @@ -1418,17 +1418,21 @@ export class PostListing extends Component<PostListingProps, PostListingState> { /> </div> )} - <div className="col-sm-2 pe-0 post-media"> - <div className="">{this.thumbnail()}</div> - </div> - <div className="col-12 col-sm-9"> - {this.postTitleLine()} - {this.createdLine()} - {this.showBodyPreview()} - {this.commentsLine()} - {this.duplicatesLine()} - {this.userActionsLine()} - {this.removeAndBanDialogs()} + <div className="col-sm-10"> + <div className="row"> + <div className="col-sm-3 col-lg-2 pe-0 post-media"> + <div className="">{this.thumbnail()}</div> + </div> + <div className="col-12 col-sm-9 col-lg-10"> + {this.postTitleLine()} + {this.createdLine()} + {this.showBodyPreview()} + {this.commentsLine()} + {this.duplicatesLine()} + {this.userActionsLine()} + {this.removeAndBanDialogs()} + </div> + </div> </div> </article> </div>