fix: Tidy up divs

This commit is contained in:
Jay Sitter 2023-06-25 19:29:14 -04:00
parent 4800a408fd
commit 5fdbaa0dd9
2 changed files with 18 additions and 20 deletions

View file

@ -174,7 +174,7 @@ export class VoteButtons extends Component<VoteButtonsProps, VoteButtonsState> {
render() { render() {
return ( return (
<div className={`vote-bar col-1 pe-0 small text-center`}> <div className={`vote-bar pe-0 small text-center`}>
<button <button
type="button" type="button"
className={`btn-animate btn btn-link p-0 ${ className={`btn-animate btn btn-link p-0 ${

View file

@ -1407,30 +1407,28 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<div className="d-none d-sm-block"> <div className="d-none d-sm-block">
<article className="row post-container"> <article className="row post-container">
{!this.props.viewOnly && ( {!this.props.viewOnly && (
<VoteButtons <div className="col-1">
voteContentType={VoteContentType.Post} <VoteButtons
id={this.postView.post.id} voteContentType={VoteContentType.Post}
onVote={this.props.onPostVote} id={this.postView.post.id}
enableDownvotes={this.props.enableDownvotes} onVote={this.props.onPostVote}
counts={this.postView.counts} enableDownvotes={this.props.enableDownvotes}
my_vote={this.postView.my_vote} 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="col-sm-1 col-md-2 pe-0 post-media">
<div className="">{this.thumbnail()}</div> <div className="">{this.thumbnail()}</div>
</div> </div>
<div className="col-12 col-sm-8 col-md-9 "> <div className="col-12 col-sm-8 col-md-9 ">
<div className="row"> {this.postTitleLine()}
<div className="col-12"> {this.createdLine()}
{this.postTitleLine()} {this.showBodyPreview()}
{this.createdLine()} {this.commentsLine()}
{this.showBodyPreview()} {this.duplicatesLine()}
{this.commentsLine()} {this.userActionsLine()}
{this.duplicatesLine()} {this.removeAndBanDialogs()}
{this.userActionsLine()}
{this.removeAndBanDialogs()}
</div>
</div>
</div> </div>
</article> </article>
</div> </div>