From: Dessalines <tyhou13@gmx.com>
Date: Mon, 2 Mar 2020 15:48:06 +0000 (-0500)
Subject: Fix image expand width on mobile.
X-Git-Url: http://these/git/%7B%24%7B%60data:application/%22%7Burl%7D/static/gitweb.css?a=commitdiff_plain;h=0bf4a6a6b515a3326dd12b9eb8063eea7988aaec;p=lemmy.git

Fix image expand width on mobile.
---

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index fe4e6519..732664e8 100644
--- 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">