From: Jay Sitter <jay@jaysitter.com> Date: Sun, 25 Jun 2023 23:29:14 +0000 (-0400) Subject: fix: Tidy up divs X-Git-Url: http://these/git/%7B%60%24%7BarchiveUrl%7D/%7BdonateLemmyUrl%7D?a=commitdiff_plain;h=5fdbaa0dd97edd7a303b933b0613db928f1f1179;p=lemmy-ui.git fix: Tidy up divs --- diff --git a/src/shared/components/common/vote-buttons.tsx b/src/shared/components/common/vote-buttons.tsx index 0979918..1b4f489 100644 --- a/src/shared/components/common/vote-buttons.tsx +++ b/src/shared/components/common/vote-buttons.tsx @@ -174,7 +174,7 @@ export class VoteButtons extends Component<VoteButtonsProps, VoteButtonsState> { render() { return ( - <div className={`vote-bar col-1 pe-0 small text-center`}> + <div className={`vote-bar pe-0 small text-center`}> <button type="button" className={`btn-animate btn btn-link p-0 ${ diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index f4fc8fe..70ec2c8 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -1407,30 +1407,28 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <div className="d-none d-sm-block"> <article className="row post-container"> {!this.props.viewOnly && ( - <VoteButtons - voteContentType={VoteContentType.Post} - id={this.postView.post.id} - onVote={this.props.onPostVote} - enableDownvotes={this.props.enableDownvotes} - counts={this.postView.counts} - my_vote={this.postView.my_vote} - /> + <div className="col-1"> + <VoteButtons + voteContentType={VoteContentType.Post} + id={this.postView.post.id} + onVote={this.props.onPostVote} + enableDownvotes={this.props.enableDownvotes} + counts={this.postView.counts} + my_vote={this.postView.my_vote} + /> + </div> )} <div className="col-sm-1 col-md-2 pe-0 post-media"> <div className="">{this.thumbnail()}</div> </div> <div className="col-12 col-sm-8 col-md-9 "> - <div className="row"> - <div className="col-12"> - {this.postTitleLine()} - {this.createdLine()} - {this.showBodyPreview()} - {this.commentsLine()} - {this.duplicatesLine()} - {this.userActionsLine()} - {this.removeAndBanDialogs()} - </div> - </div> + {this.postTitleLine()} + {this.createdLine()} + {this.showBodyPreview()} + {this.commentsLine()} + {this.duplicatesLine()} + {this.userActionsLine()} + {this.removeAndBanDialogs()} </div> </article> </div>