diff --git a/app/assets/stylesheets/pages/_mention_form.scss b/app/assets/stylesheets/pages/_mention_form.scss
index 1eb4e1a7f..ed193774a 100644
--- a/app/assets/stylesheets/pages/_mention_form.scss
+++ b/app/assets/stylesheets/pages/_mention_form.scss
@@ -34,7 +34,9 @@
&__actions {
display: flex;
+ flex-wrap: wrap;
gap: var(--space-s);
+ align-items: center;
margin-top: var(--space-m);
}
}
diff --git a/app/views/projects/mentions/index.html.erb b/app/views/projects/mentions/index.html.erb
index f4be97f25..77f52ef6a 100644
--- a/app/views/projects/mentions/index.html.erb
+++ b/app/views/projects/mentions/index.html.erb
@@ -2,7 +2,7 @@
Viral mentions
-<%= link_to "Submit a mention", new_project_mention_path(@project), class: "action-button" %>
+<%= link_to "Submit a mention", new_project_mention_path(@project), class: "action-btn action-btn--small action-btn--primary" %>
<% if @mentions.any? %>
diff --git a/app/views/projects/mentions/new.html.erb b/app/views/projects/mentions/new.html.erb
index 34151fa12..08d32ae6b 100644
--- a/app/views/projects/mentions/new.html.erb
+++ b/app/views/projects/mentions/new.html.erb
@@ -29,8 +29,8 @@
- <%= f.submit "Submit", class: "action-button" %>
- <%= link_to "Cancel", project_path(@project), class: "action-button action-button--secondary", data: { turbo_frame: "_top" } %>
+ <%= f.submit "Submit", class: "action-btn action-btn--small action-btn--primary" %>
+ <%= link_to "Cancel", project_path(@project), class: "action-btn action-btn--small action-btn--secondary", data: { turbo_frame: "_top" } %>
<% end %>
diff --git a/app/views/projects/show.html.erb b/app/views/projects/show.html.erb
index 9a9944671..d6eb3d651 100644
--- a/app/views/projects/show.html.erb
+++ b/app/views/projects/show.html.erb
@@ -485,7 +485,7 @@
<%= render "projects/fire_controls", project: @project %>
<% if !@project.draft? && is_member && Flipper.enabled?(:virality_bonus, current_user) %>
- <%= link_to "Submit viral mention", new_project_mention_path(@project), data: { turbo_frame: "_top" } %>
+ <%= link_to "Submit viral mention", new_project_mention_path(@project), class: "project-show__pill project-show__pill--outline", data: { turbo_frame: "_top" } %>
<%= render "shared/help_tooltip", text: "Got traction on Reddit, HN, GitHub, or another platform? Submit a link and earn bonus stardust.", position: "top" %>
<% end %>