From 5fdbaa0dd97edd7a303b933b0613db928f1f1179 Mon Sep 17 00:00:00 2001 From: Jay Sitter <jay@jaysitter.com> Date: Sun, 25 Jun 2023 19:29:14 -0400 Subject: [PATCH] fix: Tidy up divs --- src/shared/components/common/vote-buttons.tsx | 2 +- src/shared/components/post/post-listing.tsx | 36 +++++++++---------- 2 files changed, 18 insertions(+), 20 deletions(-) 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> -- 2.44.1