diff --git a/app/assets/stylesheets/comments.css b/app/assets/stylesheets/comments.css index bba7f8a34..a8b8da16b 100644 --- a/app/assets/stylesheets/comments.css +++ b/app/assets/stylesheets/comments.css @@ -37,8 +37,14 @@ } .comment__author { - .comment--system & strong { - display: none; + .comment--system & { + h3 { + margin-inline: auto; + } + + strong { + display: none; + } } .btn { diff --git a/app/views/cards/comments/_comment.html.erb b/app/views/cards/comments/_comment.html.erb index 8a66b2fcd..daa3eda11 100644 --- a/app/views/cards/comments/_comment.html.erb +++ b/app/views/cards/comments/_comment.html.erb @@ -8,14 +8,16 @@
- - <%= link_to comment.creator.name, comment.creator, class: "txt-ink btn btn--plain fill-transparent", data: { turbo_frame: "_top" } %> - +

+ + <%= link_to comment.creator.name, comment.creator, class: "txt-ink btn btn--plain fill-transparent", data: { turbo_frame: "_top" } %> + - <%= link_to comment, class: "txt-undecorated txt-ink translucent txt-normal txt-capitalize flex-item-justify-start" do %> - <%= local_datetime_tag comment.created_at, style: :agoorweekday %>, - <%= local_datetime_tag comment.created_at, style: :time %> - <% end %> + <%= link_to comment, class: "txt-undecorated txt-ink translucent txt-normal txt-capitalize" do %> + <%= local_datetime_tag comment.created_at, style: :agoorweekday %>, + <%= local_datetime_tag comment.created_at, style: :time %> + <% end %> +

<%= link_to edit_card_comment_path(comment.card, comment), class: "comment__edit btn btn--circle borderless fill-transparent translucent" do %>