move communityname to title so they can collapse into one row

app/static/styles.css

@@ -1223,6 +1223,13 @@ div.navbar {
   border-radius: 50%;
   vertical-align: middle;
 }
+.comment .comment_community {
+  display: inline-block;
+}
+.comment .comment_community img {
+  height: 1rem;
+  width: auto;
+}
 .comment a.unhide {
   display: none;
   text-decoration: none;

app/static/styles.scss

@@ -889,6 +889,14 @@ div.navbar {
     }
   }
 
+  .comment_community {
+    display: inline-block;
+    img {
+      height: 1rem;
+      width: auto;
+    }
+  }
+
   a.unhide {
     display: none;
     text-decoration: none;

app/templates/post/_post_reply_teaser.html

@@ -10,14 +10,12 @@
     {% if teaser -%}
     <div class="row">
         <div class="col-12 hidable">
-            in reply to: <a href="{{ url_for('activitypub.post_ap', post_id=post_reply.post.id, _anchor='comment_' + str(post_reply.id)) }}">{{ post_reply.post.title | truncate(80, True) }}</a>
+            reply to: <a href="{{ url_for('activitypub.post_ap', post_id=post_reply.post.id, _anchor='comment_' + str(post_reply.id)) }}">{{ post_reply.post.title | truncate(80, True) }}</a>
+            <span class="comment_community">in {{ render_communityname(post_reply.post.community) }}</span>
         </div>
     </div>
     {% endif -%}
     <div class="row">
-        <div class="col-auto">
-            {{ render_communityname(post_reply.post.community) }}
-        </div>
         <div class="col-auto comment_author">
             by
             {{ render_username(post_reply.author) }}