From 271425b963bcc44ff9289fa227ed8d930f3174d7 Mon Sep 17 00:00:00 2001
From: Jay Sitter <jay@jaysitter.com>
Date: Sun, 25 Jun 2023 20:00:43 -0400
Subject: [PATCH] fix: Fix post listing vote/image/title widths

---
 src/shared/components/post/post-listing.tsx | 28 ++++++++++++---------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index a79c8c25..4e17fa21 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>