From: Dessalines <tyhou13@gmx.com>
Date: Sun, 18 Aug 2019 04:41:55 +0000 (-0700)
Subject: Adding better title wrap.
X-Git-Url: http://these/git/%22https:/join-lemmy.org/%24%7Bsubmission.url%7D?a=commitdiff_plain;h=037e2f0229f30f3eac790cabe385a71a658d89ac;p=lemmy.git

Adding better title wrap.
---

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index dea6f1fb..7c683cca 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -72,7 +72,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           <span title={i18n.t('expand_here')} class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="mx-2 mt-1 float-left img-fluid thumbnail rounded" src={post.url} /></span>
         }
         <div className="ml-4">
-          <div>
+          <div className="post-title">
             <h6 className="mb-0 d-inline">
               {post.url ? 
               <a className="text-white" href={post.url} target="_blank" title={post.url}>{post.name}</a> : 
diff --git a/ui/src/css/main.css b/ui/src/css/main.css
index 8768caf0..3b5de81d 100644
--- a/ui/src/css/main.css
+++ b/ui/src/css/main.css
@@ -71,6 +71,10 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
   margin-top: -3px;
 }
 
+.post-title {
+  line-height: 1.0;
+}
+
 .icon {
   display: inline-flex;
   width: 1em;