Adding better title wrap.

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index dea6f1fbe1dd44e6ca8ab7b13086150eaf6ab23b..7c683cca6803e4102e72b3617129692a5113b2e2 100644 (file)
--- 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 8768caf00c43b52618ddc5e401a2b9859bb6788a..3b5de81df35b5ab7811df0bab85d5dcef6efbcd7 100644 (file)
--- 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;