diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css
index c17c1278c..1da955967 100644
--- a/app/assets/stylesheets/cards.css
+++ b/app/assets/stylesheets/cards.css
@@ -16,7 +16,7 @@
font-size: 1.8cqi;
flex: 0 1 var(--card-size);
inline-size: var(--card-size);
- margin: calc(var(--block-space) * 1.5) auto;
+ margin: var(--block-space) auto calc(var(--block-space) * 1.5);
}
:is(.card--mini) {
@@ -26,7 +26,7 @@
aspect-ratio: unset;
line-height: 1.2;
padding: calc(var(--block-space) * 1.5) var(--block-space);
- margin: var(--block-space) auto;
+ margin: var(--block-space) auto calc(var(--block-space) * 1.5);
.card__title {
margin-block-start: 0.1em;
@@ -66,6 +66,10 @@
padding-block: var(--block-space-half);
position: relative;
z-index: 0;
+
+ .card {
+ aspect-ratio: unset;
+ }
}
.card {
@@ -210,12 +214,13 @@
.cards--grid {
--block-space: 2cqi;
- --container-gap: var(--block-space);
+ --container-gap: var(--block-space-double);
--container-padding: calc(var(--block-space) * 1.5);
container-type: inline-size;
display: flex;
flex-wrap: wrap;
+ gap: var(--container-gap);
inline-size: 100%;
margin: 0 auto;
max-inline-size: 120ch;
@@ -379,6 +384,7 @@
--input-padding: 0;
color: inherit;
+ font-size: inherit;
font-weight: inherit;
inline-size: min-content;
max-inline-size: 3ch;
diff --git a/app/assets/stylesheets/filters.css b/app/assets/stylesheets/filters.css
index d573e179b..e76311dbb 100644
--- a/app/assets/stylesheets/filters.css
+++ b/app/assets/stylesheets/filters.css
@@ -1,4 +1,7 @@
.filters {
+ position: absolute;
+ inset: auto auto -5.25em;
+
#header:has(&) {
position: relative;
z-index: 1;
diff --git a/app/views/bubbles/index.html.erb b/app/views/bubbles/index.html.erb
index 4845f7978..83f30dcd8 100644
--- a/app/views/bubbles/index.html.erb
+++ b/app/views/bubbles/index.html.erb
@@ -12,7 +12,16 @@
-
+
+
+ <% if @filter.buckets.none? %>
+ All collections
+ <% elsif @filter.buckets.one? %>
+ <%= @filter.buckets.first.name %>
+ <% else %>
+ <%= pluralize(@filter.buckets.size, "project") %>
+ <% end %>
+
<%= render "bubbles/filters", filter: @filter %>
@@ -53,10 +62,10 @@
-
+
Recently closed
-
+
<% if (popped_bubbles = Filter.from_params(@filter.as_params.merge(indexed_by: "popped")).tap { |f| f.creator = Current.user }.bubbles).any? %>
<%= render partial: "bubbles/card", collection: popped_bubbles.limit(@display_count), as: :bubble, cached: true %>
<% else %>
diff --git a/app/views/filters/_settings.html.erb b/app/views/filters/_settings.html.erb
index a266f33e1..e2de05157 100644
--- a/app/views/filters/_settings.html.erb
+++ b/app/views/filters/_settings.html.erb
@@ -1,23 +1,23 @@
-