fix: Hide horizontal overflow text on posts where word length is greater than width

app/scss/ila.scss

@@ -100,6 +100,10 @@ header.microblog {
 			}
 		}
 	}
+	p {
+		overflow-x: hidden;
+		text-overflow: ellipsis;
+	}
 }
 
 .ap-object-expanded {
@@ -139,6 +143,14 @@ header.microblog {
 	color: $muted-text;
 }
 
+@mixin meta-link {
+	color: $muted-link;
+	text-decoration: none;
+	&:hover, &:active, &.active {
+		color: $muted-link-hover;
+	}
+}
+
 nav.flexbox {
 	ul {
 		display: flex;
@@ -155,11 +167,7 @@ nav.flexbox {
 		white-space: nowrap;
 	}
 	a {
-		color: $muted-link;
-		text-decoration: none;
-		&:hover, &:active, &.active {
-			color: $muted-link-hover;
-		}
+		 @include meta-link;
 	}
 	&.public-top-menu {
 		ul {
@@ -184,6 +192,13 @@ nav.flexbox {
 	}
 }
 
+.post-meta {
+	color: $muted-text;
+	a {
+		@include meta-link;
+	}
+}
+
 #following, #followers {
 	& > ul {
 		list-style: none;

data/templates/utils.html

@@ -589,12 +589,6 @@
     {{ display_actor(object.actor, actors_metadata, embedded=True) }}
     {% endif %}
 
-    {% if object.in_reply_to %}
-    <p class="in-reply-to">in reply to <a href="{% if is_admin and object.is_in_reply_to_from_inbox %}{{ url_for("get_lookup") }}?query={% endif %}{{ object.in_reply_to }}" title="{{ object.in_reply_to }}" rel="nofollow">
-            this post
-        </a></p>
-    {% endif %}
-
     {% if object.ap_type in ["Article", "Event"] %}
         <h2 class="p-name no-margin-top">{{ object.name }}</h2>
     {% endif %}
@@ -664,6 +658,10 @@
     {% if is_article_mode %}
                 <time class="dt-published muted" datetime="{{ object.ap_published_at.replace(microsecond=0).isoformat() }}" title="{{ object.ap_published_at.replace(microsecond=0).isoformat() }}">{{ object.ap_published_at.strftime("%b %d, %Y") }}</time>
     {% endif %}
+    
+    {% if object.in_reply_to %}
+        <p class="post-meta"><span class="fas fa-reply"></span> In reply to <a href="{% if is_admin and object.is_in_reply_to_from_inbox %}{{ url_for("get_lookup") }}?query={% endif %}{{ object.in_reply_to }}" title="{{ object.in_reply_to }}" rel="nofollow">this post</a></p>
+    {% endif %}
 
     {% if object.summary %}
     <details class="show-more-wrapper">