From de1994f622b6983669e2aba7ff3e82b50eae4716 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 18 Sep 2024 16:45:39 -0500
Subject: [PATCH] Rework styles to account for `button_to` mark-up

---
 app/assets/stylesheets/bubbles.css | 8 +++++---
 app/views/boosts/_boosts.html.erb  | 5 ++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css
index f8a1fdd53..b6ad0392f 100644
--- a/app/assets/stylesheets/bubbles.css
+++ b/app/assets/stylesheets/bubbles.css
@@ -90,9 +90,11 @@
     padding: 0;
     place-items: center;
 
-    a {
-      margin: auto;
-      text-decoration: none;
+    .btn {
+      --btn-color: var(--bubble-color);
+
+      appearance: none;
+      font-weight: 800;
     }
 
     .windshield .bubble:hover & {
diff --git a/app/views/boosts/_boosts.html.erb b/app/views/boosts/_boosts.html.erb
index 18002daf7..f3ea7092a 100644
--- a/app/views/boosts/_boosts.html.erb
+++ b/app/views/boosts/_boosts.html.erb
@@ -1,3 +1,6 @@
-<%= button_to project_bubble_boosts_path(bubble.project, bubble), data: { action: "toggle-class#toggle" } do %>
+<%= button_to project_bubble_boosts_path(bubble.project, bubble),
+    class: "btn btn--plain",
+    data: { action: "toggle-class#toggle" },
+    form_class: "full-width" do %>
   + <%= bubble.boosts.size if bubble.boosts.any? %>
 <% end %>