From 037e2f0229f30f3eac790cabe385a71a658d89ac Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Sat, 17 Aug 2019 21:41:55 -0700
Subject: [PATCH] Adding better title wrap.

---
 ui/src/components/post-listing.tsx | 2 +-
 ui/src/css/main.css                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index dea6f1fbe..7c683cca6 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 8768caf00..3b5de81df 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;