fix: ux improvemets for budget list page

octree-gva · Jan 29, 2025 · 933a06a · 933a06a
1 parent 0536a77
commit 933a06a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/decidim-budgets/app/cells/decidim/budgets/budgets_list/main_list.erb b/decidim-budgets/app/cells/decidim/budgets/budgets_list/main_list.erb
@@ -1,5 +1,5 @@
 <h2 class="h5 md:h3 decorator"><%= t(:count, scope: i18n_scope, count: budgets.length) %></h2>
 
-  <%= render partial: "decidim/shared/orders", formats: [:html], locals: { orders: AVAILABLE_ORDERS, i18n_scope: "decidim.budgets.budgets_list.orders", css_class: "items-start !ml-6 !mt-10", b_css_class: "!justify-start pb-0 pl-0 -mb-2" } %>
+  <%= render partial: "decidim/shared/orders", formats: [:html], locals: { orders: AVAILABLE_ORDERS, i18n_scope: "decidim.budgets.budgets_list.orders", css_class: "items-start ml-6", b_css_class: "!justify-start pb-0 pl-0" } %>
 
 <%= render :card_list %>
diff --git a/decidim-budgets/app/packs/stylesheets/budgets.scss b/decidim-budgets/app/packs/stylesheets/budgets.scss
@@ -73,8 +73,6 @@
     @apply -mt-12 sm:mt-0;
   }
 
-
-
   &__card__list-project {
     @apply ml-auto rounded py-3 px-4 bg-background w-[30%] min-w-[120px] flex flex-col justify-center items-center lg:flex-row lg:justify-around lg:place-items-center;
   }
@@ -136,7 +134,7 @@
   }
 
   &__list--header {
-    @apply flex items-center -ml-2 sm:ml-0;
+    @apply flex items-center -ml-2 md:ml-0;
   }
 
   &-list {

diff --git a/decidim-budgets/app/views/decidim/budgets/projects/_order.html.erb b/decidim-budgets/app/views/decidim/budgets/projects/_order.html.erb
@@ -1 +1 @@
-<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", css_class: "items-start pl-[18px]" %>
+<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", css_class: "items-start pl-4" %>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", css_class: "items-start pl-[18px]" %>
		<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", css_class: "items-start pl-4" %>