From: Jay Sitter <jay@jaysitter.com>
Date: Mon, 26 Jun 2023 00:06:34 +0000 (-0400)
Subject: fix: Fix image/title wrapping on small
X-Git-Url: http://these/git/%7B%60%24%7BarchiveUrl%7D/%7BdonateLemmyUrl%7D?a=commitdiff_plain;h=ce3c30896106e2ad308962b712b607d7f153e621;p=lemmy-ui.git

fix: Fix image/title wrapping on small
---

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 4e17fa2..d25e59b 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-auto">
+              <div className="col flex-grow-0">
                 <VoteButtons
                   voteContentType={VoteContentType.Post}
                   id={this.postView.post.id}
@@ -1418,7 +1418,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                 />
               </div>
             )}
-            <div className="col-sm-10">
+            <div className="col flex-grow-1">
               <div className="row">
                 <div className="col-sm-3 col-lg-2 pe-0 post-media">
                   <div className="">{this.thumbnail()}</div>