From 11cf9f3dee8c8d3a94243863493b06cbe945722b Mon Sep 17 00:00:00 2001
From: Renato <renato@octree.ch>
Date: Wed, 22 Jan 2025 08:47:17 -0300
Subject: [PATCH] fix: align dropdown and reduce vertical spacing for improved
 UX

---
 decidim-budgets/app/packs/stylesheets/budgets.scss        | 8 +++++++-
 .../app/views/decidim/budgets/projects/_order.html.erb    | 2 +-
 .../app/views/decidim/budgets/projects/index.html.erb     | 2 +-
 decidim-core/app/helpers/decidim/orders_helper.rb         | 3 ++-
 decidim-core/app/views/decidim/shared/_orders.html.erb    | 2 +-
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/decidim-budgets/app/packs/stylesheets/budgets.scss b/decidim-budgets/app/packs/stylesheets/budgets.scss
index fb15768625390..13c899659d8e2 100644
--- a/decidim-budgets/app/packs/stylesheets/budgets.scss
+++ b/decidim-budgets/app/packs/stylesheets/budgets.scss
@@ -69,6 +69,12 @@
     }
   }
 
+  &__projects {
+    @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;
   }
@@ -130,7 +136,7 @@
   }
 
   &__list--header {
-    @apply flex items-center justify-between;
+    @apply flex items-center -ml-2 sm: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
index ca781d90aa8ee..47650b21ddfc7 100644
--- 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" %>
+<%= order_selector available_orders, i18n_scope: "decidim.budgets.projects.orders", class_css: "items-start pl-[18px]" %>
diff --git a/decidim-budgets/app/views/decidim/budgets/projects/index.html.erb b/decidim-budgets/app/views/decidim/budgets/projects/index.html.erb
index 3de11b51ab8b6..f0d38d575c28a 100644
--- a/decidim-budgets/app/views/decidim/budgets/projects/index.html.erb
+++ b/decidim-budgets/app/views/decidim/budgets/projects/index.html.erb
@@ -61,7 +61,7 @@
       </section>
     <% end %>
 
-    <section id="projects" class="layout-main__section layout-main__heading">
+    <section id="projects" class="layout-main__section layout-main__heading budget__projects">
       <%= render partial: "projects" %>
     </section>
   <% else %>
diff --git a/decidim-core/app/helpers/decidim/orders_helper.rb b/decidim-core/app/helpers/decidim/orders_helper.rb
index c5884016e653e..fd09e936c6e1a 100644
--- a/decidim-core/app/helpers/decidim/orders_helper.rb
+++ b/decidim-core/app/helpers/decidim/orders_helper.rb
@@ -13,7 +13,8 @@ module OrdersHelper
     def order_selector(orders, options = {})
       render partial: "decidim/shared/orders", locals: {
         orders:,
-        i18n_scope: options[:i18n_scope]
+        i18n_scope: options[:i18n_scope],
+        class_css: options[:class_css]
       }
     end
 
diff --git a/decidim-core/app/views/decidim/shared/_orders.html.erb b/decidim-core/app/views/decidim/shared/_orders.html.erb
index 6ccb2c164ab9f..1b64f87c8831c 100644
--- a/decidim-core/app/views/decidim/shared/_orders.html.erb
+++ b/decidim-core/app/views/decidim/shared/_orders.html.erb
@@ -3,7 +3,7 @@
   <%= icon "arrow-up-s-line" %>
   <span><%= t("#{i18n_scope}.label") %></span>
 </button>
-<div id="dropdown-menu-order" class="order-by">
+<div id="dropdown-menu-order" class="order-by <%= class_css %>">
   <% orders.each do |order_name| %>
     <%= order_link order_name,
                    i18n_scope:,