Fix image expand width on mobile.

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index fe4e65193ef8534e9ac56e2a3b55a74864e6bba4..732664e88c2f1a0ced7d12ae5671d5d726bd6d06 100644 (file)
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -285,7 +285,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             <source src={this.state.url} type="video/mp4" />
           </video>
         )}
-        <div class="col-8 col-sm-9">
+        <div
+          class={`${this.state.imageExpanded ? 'col-12' : 'col-8 col-sm-9'}`}
+        >
           <div class="row">
             <div className="col-12">
               <div className="post-title">