- <% bucket.bubbles.active.ordered_by_activity.limit(10).each do |bubble| %>
-
" style="--bubble-color: <%= bubble.color %>; <%= bubble_rotation(bubble) %> <%= bubble_size(bubble) %>">
-
-
- <% end %>
-
- <% end %>
-
-
- <%= link_to bubbles_path(bucket_ids: [ bucket ]), class: "txt-ink flex flex-column" do %>
-
<%= bucket.name %>
- <% end %>
-
- <%= link_to edit_bucket_path(bucket), class: "btn txt-small bucket__button" do %>
- <%= image_tag "settings.svg", aria: { hidden: true }, size: 24 %>
-
Settings for <%= bucket.name %>
+
+ <%= link_to bubbles_path(bucket_ids: [ bucket ]), class: "border border-radius margin-block-end-half windshield__container flex justify-center align-center position-relative" do %>
+
+ <% bucket.bubbles.active.published_or_drafted_by(Current.user).ordered_by_activity.limit(10).each do |bubble| %>
+
" style="--bubble-color: <%= bubble.color %>; <%= bubble_rotation(bubble) %> <%= bubble_size(bubble) %>">
+
+
<% end %>
-
-<% end %>
+ <% end %>
+
+
+ <%= link_to bubbles_path(bucket_ids: [ bucket ]), class: "txt-ink flex flex-column" do %>
+ <%= bucket.name %>
+ <% end %>
+
+ <%= link_to edit_bucket_path(bucket), class: "btn txt-small bucket__button" do %>
+ <%= image_tag "settings.svg", aria: { hidden: true }, size: 24 %>
+ Settings for <%= bucket.name %>
+ <% end %>
+
+