From 2047349aceed6e916421081402605b68a09a49ea Mon Sep 17 00:00:00 2001
From: theawakener0 <wakeupwithme000@gmail.com>
Date: Fri, 2 Oct 2026 12:37:30 +0300
Subject: [PATCH 1/2] fix(bug): UI/UX issue in viral mention...

---
 app/assets/stylesheets/pages/_mention_form.scss | 2 ++
 app/views/projects/mentions/new.html.erb        | 4 ++--
 app/views/projects/show.html.erb                | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

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/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 @@
     </div>
 
     <div class="mention-form__actions">
-      <%= 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" } %>
     </div>
   <% end %>
 </main>
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 %>
 

From cc3e7e777df6bd9a74d8cd016c7e94fcfc113ca7 Mon Sep 17 00:00:00 2001
From: solace <143859954+solacite@users.noreply.github.com>
Date: Wed, 14 Oct 2026 12:14:15 -0400
Subject: [PATCH 2/2] style the submit a mention link too

---
 app/views/projects/mentions/index.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 @@
 
 <h2>Viral mentions</h2>
 
-<%= 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? %>
   <table>