diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 4e0ea542e..371f44f58 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -1135,6 +1135,20 @@ padding-bottom: $line-height; padding-top: $line-height; + .budget-title { + font-weight: bold; + text-transform: uppercase; + + &::after { + border-bottom: 2px solid #fff; + content: ""; + margin: 0 auto; + padding-top: $line-height / 2; + display: block; + width: 20%; + } + } + h1, h2, p, diff --git a/app/components/budgets/budget_component.html.erb b/app/components/budgets/budget_component.html.erb index 30053714c..5e8038917 100644 --- a/app/components/budgets/budget_component.html.erb +++ b/app/components/budgets/budget_component.html.erb @@ -1,6 +1,7 @@
+ <%= t("budgets.index.title") %>

<%= budget.name %>

<%= auto_link_already_sanitized_html wysiwyg(budget.description) %> diff --git a/spec/components/budgets/budget_component_spec.rb b/spec/components/budgets/budget_component_spec.rb index f25820bb1..96469e22f 100644 --- a/spec/components/budgets/budget_component_spec.rb +++ b/spec/components/budgets/budget_component_spec.rb @@ -16,6 +16,7 @@ describe Budgets::BudgetComponent, type: :component do render_inline Budgets::BudgetComponent.new(budget) within(".budget-header") do + expect(page).to have_content("PARTICIPATORY BUDGETS") expect(page).to have_content(budget.name) expect(page).to have_content(budget.description) expect(page).to have_link("Help with participatory budgets")