Fixing text overflow / wrapping for titles and markdown. Fixes #414

ui/assets/css/main.css

@@ -27,6 +27,11 @@
   margin-top: -10px;
 }
 
+.md-div p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .md-div p:last-child {
   margin-bottom: 0px;
 }
@@ -138,3 +143,8 @@ hr {
 .emoji {
   height: 1.2em !important;
 }
+
+.text-wrap-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis
+}

ui/src/components/post-listing.tsx

@@ -162,7 +162,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           </video>
         )}
         <div className="ml-4">
-          <div className="post-title">
+          <div className="post-title text-wrap-truncate">
             <h5 className="mb-0 d-inline">
               {post.url ? (
                 <a