From c2db1ccdd260aa8589682d5259d087702de52ff2 Mon Sep 17 00:00:00 2001
From: Hendrik L <hendrik+dev@xd0.de>
Date: Wed, 10 Jul 2024 23:20:20 +0200
Subject: [PATCH] move communityname to title so they can collapse into one row

---
 app/static/styles.css                      | 7 +++++++
 app/static/styles.scss                     | 8 ++++++++
 app/templates/post/_post_reply_teaser.html | 6 ++----
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 228208ec..85ff1d7b 100644
--- a/app/static/styles.css
+++ b/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;
diff --git a/app/static/styles.scss b/app/static/styles.scss
index f42a0f8d..89e6c9b5 100644
--- a/app/static/styles.scss
+++ b/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;
diff --git a/app/templates/post/_post_reply_teaser.html b/app/templates/post/_post_reply_teaser.html
index 4c3d9902..2f1a149e 100644
--- a/app/templates/post/_post_reply_teaser.html
+++ b/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) }}