From: Dessalines <tyhou13@gmx.com>
Date: Sun, 1 Mar 2020 02:04:42 +0000 (-0500)
Subject: Some fixes for mobile view.
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/%24%7B%60data:application/%22https:/hacktivis.me/README.zh.hant.md?a=commitdiff_plain;h=93cb0892ae3450c5861fbcc38b06507cc1beb534;p=lemmy.git

Some fixes for mobile view.
---

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index a0e89268..1fdfad2d 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -249,7 +249,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
               <use xlinkHref="#icon-arrow-up"></use>
             </svg>
           </button>
-          <div class={`font-weight-bold text-muted`}>{this.state.score}</div>
+          <div class={`font-weight-bold text-muted px-1`}>
+            {this.state.score}
+          </div>
           {WebSocketService.Instance.site.enable_downvotes && (
             <button
               className={`vote-animate btn btn-link p-0 ${
@@ -264,7 +266,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           )}
         </div>
         {!this.state.imageExpanded && (
-          <div class="col-2 pr-0 mt-1">
+          <div class="col-11 col-sm-2 pr-0 mt-1">
             <div class="position-relative">{this.thumbnail()}</div>
           </div>
         )}
@@ -274,14 +276,14 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             muted
             loop
             controls
-            class="col-2 pr-0 mt-1"
+            class="col-11 col-sm-2 pr-0 mt-1"
             height="100"
             width="150"
           >
             <source src={this.state.url} type="video/mp4" />
           </video>
         )}
-        <div class="col-9">
+        <div class="col-12 col-sm-9">
           <div class="row">
             <div className="col-12">
               <div className="post-title">