From 6ca365fca1a7815fcf2c20048b347d3df704ff15 Mon Sep 17 00:00:00 2001
From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
Date: Thu, 29 Jun 2023 12:57:47 -0400
Subject: [PATCH 1/3] fix margin issue on postlisting mobile view

---
 src/shared/components/post/post-listing.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 586403b..9b2d604 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -1373,7 +1373,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         <div className="d-block d-sm-none">
           <article className="row post-container">
             <div className="col-12">
-              {this.createdLine()}
+              <div className="mb-1">{this.createdLine()}</div>
 
               {/* If it has a thumbnail, do a right aligned thumbnail */}
               {this.mobileThumbnail()}

From 90ed113ee45fb9a93c72f6f9aa8d0ebd4849be21 Mon Sep 17 00:00:00 2001
From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
Date: Thu, 29 Jun 2023 13:16:57 -0400
Subject: [PATCH 2/3] use arg instead

---
 src/shared/components/post/post-listing.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 9b2d604..ae43bff 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -401,10 +401,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
     }
   }
 
-  createdLine() {
+  createdLine({ extraClasses = "" }: { extraClasses?: string }) {
     const post_view = this.postView;
+
     return (
-      <div className="small">
+      <div className={`small ${extraClasses}`}>
         <span className="me-1">
           <PersonListing person={post_view.creator} />
         </span>
@@ -1373,7 +1374,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         <div className="d-block d-sm-none">
           <article className="row post-container">
             <div className="col-12">
-              <div className="mb-1">{this.createdLine()}</div>
+              {this.createdLine({
+                extraClasses: "mb-1",
+              })}
 
               {/* If it has a thumbnail, do a right aligned thumbnail */}
               {this.mobileThumbnail()}
@@ -1407,7 +1410,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                 </div>
                 <div className="col flex-grow-1">
                   {this.postTitleLine()}
-                  {this.createdLine()}
+                  {this.createdLine({})}
                   {this.commentsLine()}
                   {this.duplicatesLine()}
                   {this.removeAndBanDialogs()}

From a7cadc63eec3afe0966770088bdb090f8bf299ab Mon Sep 17 00:00:00 2001
From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
Date: Thu, 29 Jun 2023 13:25:57 -0400
Subject: [PATCH 3/3] make suggested changes

---
 src/shared/components/post/post-listing.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index ae43bff..5c562a4 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -401,11 +401,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
     }
   }
 
-  createdLine({ extraClasses = "" }: { extraClasses?: string }) {
+  createdLine() {
     const post_view = this.postView;
 
     return (
-      <div className={`small ${extraClasses}`}>
+      <div className="small mb-1 mb-md-0">
         <span className="me-1">
           <PersonListing person={post_view.creator} />
         </span>
@@ -1374,9 +1374,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
         <div className="d-block d-sm-none">
           <article className="row post-container">
             <div className="col-12">
-              {this.createdLine({
-                extraClasses: "mb-1",
-              })}
+              {this.createdLine()}
 
               {/* If it has a thumbnail, do a right aligned thumbnail */}
               {this.mobileThumbnail()}
@@ -1410,7 +1408,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                 </div>
                 <div className="col flex-grow-1">
                   {this.postTitleLine()}
-                  {this.createdLine({})}
+                  {this.createdLine()}
                   {this.commentsLine()}
                   {this.duplicatesLine()}
                   {this.removeAndBanDialogs()}