Fixing post listing rows.

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index 883d8a53339074b342babdfa2c01b944417c2e06..0b9cc3e13c3448dd8d095b15a605b27e5d7d1659 100644 (file)
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -46,7 +46,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
 
   render() {
     return (
-      <div class="row col-12">
+      <div class="row">
         {!this.state.showEdit 
           ? this.listing()
           : <PostForm post={this.props.post} onEdit={this.handleEditPost} onCancel={this.handleEditCancel}/>
@@ -58,7 +58,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
   listing() {
     let post = this.props.post;
     return (
-      <div class="listing">
+      <div class="listing col-12">
         <div className={`vote-bar mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
           <button className={`btn btn-sm p-0 ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}>
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>