diff --git a/app/assets/stylesheets/moderation_actions.scss b/app/assets/stylesheets/moderation_actions.scss
index c73206718..f3a00d662 100644
--- a/app/assets/stylesheets/moderation_actions.scss
+++ b/app/assets/stylesheets/moderation_actions.scss
@@ -7,4 +7,30 @@
button {
@include link;
}
+
+ @mixin separator {
+ content: "";
+ display: inline-block;
+ margin: 0 0.3em;
+ vertical-align: middle;
+ }
+
+ > * + *::before {
+ @include separator;
+ background: currentcolor;
+ height: 1em;
+ opacity: 0.5;
+ width: 1px;
+ }
+
+ .comment & {
+ > *::before {
+ @include separator;
+ background: $text-light;
+ border-radius: 100%;
+ opacity: 1;
+ height: 0.25em;
+ width: 0.25em;
+ }
+ }
}
diff --git a/app/components/shared/moderation_actions_component.html.erb b/app/components/shared/moderation_actions_component.html.erb
index c56a95e74..9f6fc1346 100644
--- a/app/components/shared/moderation_actions_component.html.erb
+++ b/app/components/shared/moderation_actions_component.html.erb
@@ -11,8 +11,6 @@
<% end %>
<% if can? :hide, author %>
- <%= raw separator %>
-
<%= render Admin::ActionComponent.new(
:block_author,
author,
diff --git a/app/components/shared/moderation_actions_component.rb b/app/components/shared/moderation_actions_component.rb
index 2207e340d..f9f287e09 100644
--- a/app/components/shared/moderation_actions_component.rb
+++ b/app/components/shared/moderation_actions_component.rb
@@ -19,12 +19,4 @@ class Shared::ModerationActionsComponent < ApplicationComponent
def hide_path
polymorphic_path([:moderation, record], action: :hide)
end
-
- def separator
- if record.is_a?(Comment)
- " • "
- else
- " | "
- end
- end
end
diff --git a/app/views/comments/_actions.html.erb b/app/views/comments/_actions.html.erb
index 4710f2931..7780d9167 100644
--- a/app/views/comments/_actions.html.erb
+++ b/app/views/comments/_actions.html.erb
@@ -3,8 +3,8 @@
<% if can?(:hide, comment) || can?(:hide, comment.user) %>
- •
<% if comment.author == current_user %>
+ •
<%= link_to t("comments.actions.delete"),
hide_comment_path(comment),
method: :put, remote: true, class: "delete-comment",