]> Untitled Git - lemmy-ui.git/blobdiff - src/shared/components/post/post-listing.tsx
Merge remote-tracking branch 'lemmy/main' into fix/wider-max-width-1536
[lemmy-ui.git] / src / shared / components / post / post-listing.tsx
index 70ec2c86a2573115bb953430fb96f1db79897111..eca56605235e1310dc80a144061be8fc55f0e642 100644 (file)
@@ -1235,12 +1235,12 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                 value={this.state.banReason}
                 onInput={linkEvent(this, this.handleModBanReasonChange)}
               />
-              <label className="col-form-label" htmlFor={`mod-ban-expires`}>
+              <label className="col-form-label" htmlFor="mod-ban-expires">
                 {I18NextService.i18n.t("expires")}
               </label>
               <input
                 type="number"
-                id={`mod-ban-expires`}
+                id="mod-ban-expires"
                 className="form-control me-2"
                 placeholder={I18NextService.i18n.t("number_of_days")}
                 value={this.state.banExpireDays}
@@ -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 flex-grow-0">
                 <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-1 col-md-2 pe-0 post-media">
-              <div className="">{this.thumbnail()}</div>
-            </div>
-            <div className="col-12 col-sm-8 col-md-9 ">
-              {this.postTitleLine()}
-              {this.createdLine()}
-              {this.showBodyPreview()}
-              {this.commentsLine()}
-              {this.duplicatesLine()}
-              {this.userActionsLine()}
-              {this.removeAndBanDialogs()}
+            <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>
+                </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>