decidim-decidim_awesome 0.8.0 → 0.12.0

data/app/uploaders/decidim/decidim_awesome/image_uploader.rb

@@ -9,6 +9,18 @@ module Decidim
           thumbnail: { resize_to_fit: [nil, 237] }
         }
       end
+
+      def extension_allowlist
+        %w(jpg jpeg png)
+      end
+
+      def content_type_allowlist
+        %w(image/jpeg image/png)
+      end
+
+      def max_image_height_or_width
+        8000
+      end
     end
   end
 end

data/app/validators/concerns/decidim/decidim_awesome/etiquette_validator_override.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Decidim
+  module DecidimAwesome
+    module EtiquetteValidatorOverride
+      extend ActiveSupport::Concern
+
+      included do
+        private
+
+        def validate_caps(record, attribute, value)
+          percent = awesome_config(record, "validate_#{attribute}_max_caps_percent").to_f
+          return if value.scan(/[[:upper:]]/).length < value.length * percent / 100
+
+          record.errors.add(attribute, options[:message] || I18n.t("too_much_caps", scope: "decidim.decidim_awesome.validators", percent: percent.round))
+        end
+
+        def validate_marks(record, attribute, value)
+          marks = awesome_config(record, "validate_#{attribute}_max_marks_together").to_i + 1
+          return if value.scan(/[!?¡¿]{#{marks},}/).empty?
+
+          record.errors.add(attribute, options[:message] || :too_many_marks)
+        end
+
+        def validate_caps_first(record, attribute, value)
+          return unless awesome_config(record, "validate_#{attribute}_start_with_caps")
+          return if value.scan(/\A[[:lower:]]{1}/).empty?
+
+          record.errors.add(attribute, options[:message] || :must_start_with_caps)
+        end
+
+        def awesome_config(record, var)
+          config = record.try(:awesome_config)&.config
+          return unless config.is_a?(Hash)
+
+          config[var.to_sym]
+        end
+      end
+    end
+  end
+end

data/app/views/decidim/decidim_awesome/account/_timezone_select.html.erb

@@ -0,0 +1,3 @@
+<% if awesome_config[:user_timezone].present? %>
+  <%= f.time_zone_select :user_time_zone, nil, help_text: t(".time_zone_helper") %>
+<% end %>

data/app/views/decidim/decidim_awesome/admin/admin_accountability/index.html.erb

@@ -0,0 +1,71 @@
+<div class="card">
+  <div class="bg-gray-6 p-4 rounded-t">
+    <h2 class="card-title flex md:flex-row justify-between sm:flex-wrap">
+      <%= t(".title") %>
+      <div class="flex gap-4">
+        <%= link_to t(global? ? ".see_spaces" : ".see_global"), admin_accountability_path(admins: !global?), class: "button button__sm button__transparent-secondary tiny button--title new" %>
+        <span class="exports button button__sm button__secondary tiny button--simple button--title" data-toggle="export-dropdown">
+            <%= t "exports.button", scope: "decidim.decidim_awesome.admin.admin_accountability" %>
+            <%= icon "arrow-down-s-fill" %>
+        </span>
+        <div class="dropdown-pane" id="export-dropdown" data-dropdown data-auto-focus="true" data-close-on-click="true">
+          <ul class="vertical menu add-components">
+            <% %w{CSV JSON Excel}.each do |format| %>
+              <li class="exports--format--<%= format.downcase %> exports--registrations">
+                <%= link_to t("decidim.decidim_awesome.admin.admin_accountability.exports.export_as", export_format:
+                  format.upcase), export_admin_accountability_path(export_params.merge(format: format)),
+                  method: :post,
+                  class: "focus-visible:outline-none" %>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </h2>
+  </div>
+
+  <%= render partial: "decidim/decidim_awesome/admin/shared/filters_with_date", locals: { i18n_ctx: "admin_accountability" } %>
+
+  <div class="card-section p-4">
+    <p class="help-text"><%= t(global? ? ".global_description" : ".description") %></p>
+
+    <% if global_users_missing_date %>
+      <div class="callout warning"><%= t(".missing_users", date: l(global_users_missing_date, format: :decidim_short)) %></div>
+    <% end %>
+
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+        <tr>
+          <th><%= t("role", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+          <th><%= t("name", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+          <th><%= t("email", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+          <% unless global? %>
+            <th><%= t("participatory_space", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+          <% end %>
+          <th><%= t("last_login", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+          <th><%= t("created_at", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+          <th><%= t("removal_date", scope: "decidim.decidim_awesome.admin.admin_accountability") %></th>
+        </tr>
+        </thead>
+        <tbody>
+        <% admin_actions.each do |log| %>
+          <tr class="<%= log.present.destroyed? ? "text-muted" : nil %>">
+            <td><%= log.present.role_name %></td>
+            <td><%= log.present.user_name %></td>
+            <td><%= link_to(log.present.user_email, "mailto:#{log.present.user_email}") if log.present.user_email %></td>
+            <% unless global? %>
+              <td><%= link_to log.present.participatory_space_name, log.present.participatory_space_path %></td>
+            <% end %>
+            <td><%= log.present.last_sign_in_date %></td>
+            <td><%= log.present.created_date %></td>
+            <td><%= log.present.removal_date %></td>
+          </tr>
+        <% end %>
+        </tbody>
+      </table>
+      <%= paginate admin_actions, theme: "decidim" %>
+    </div>
+  </div>
+</div>
+<% append_stylesheet_pack_tag "decidim_admin_decidim_awesome_search_form" %>

data/app/views/decidim/decidim_awesome/admin/admin_authorizations/authorization.html.erb

@@ -0,0 +1,20 @@
+<h4><%= t("decidim.decidim_awesome.required_authorizations.index.granted_title") %></h4>
+
+<div class="verification__container">
+  <div class="verification">
+    <%= icon "checkbox-circle-line", class: "verification__icon is-granted self-start" %>
+
+    <div class="verification__text">
+      <h2 class="h5 text-secondary"><%= workflow.fullname %></h2>
+      <p><%= t(".granted_at", date: l(authorization.granted_at), format: :decidim_short) %></p>
+      <p><%= t(".metadata", metadata: content_tag("strong", t("booleans.#{authorization.metadata.present?}"))).html_safe %></p>
+    </div>
+
+    <div class="verification__actions">
+      <%= link_to decidim_admin_decidim_awesome.admin_authorization_path(id: user.id, handler: authorization.name), method: :delete, remote: true, class: "button button__lg button__primary", data: { confirm: t(".confirm_destroy") }  do %>
+        <%= icon "delete-bin-line", class: "icon" %>
+        <%= t(".destroy") %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/decidim_awesome/admin/admin_authorizations/callout.html.erb

@@ -0,0 +1,3 @@
+<%= cell("decidim/announcement",
+    local_assigns[:message].presence || t("decidim.decidim_awesome.admin.admin_authorizations.#{i18n_key}", name: workflow&.fullname, user: user.name),
+    callout_class: klass) %>

data/app/views/decidim/decidim_awesome/admin/admin_authorizations/conflict.html.erb

@@ -0,0 +1,5 @@
+<%= cell("decidim/announcement", {
+                                  title: t("decidim.decidim_awesome.admin.admin_authorizations.conflict"),
+                                  body: t("decidim.decidim_awesome.admin.admin_authorizations.conflict_help_html", user: link_to(conflict.user.name, decidim_admin.officializations_path(q: { name_or_nickname_or_email_cont: conflict.user.email })))
+                                  },
+                                callout_class: "alert") %>

data/app/views/decidim/decidim_awesome/admin/admin_authorizations/edit.html.erb

@@ -0,0 +1,41 @@
+<div class="form-defaults">
+  <%= decidim_form_for(handler,
+                      builder: Decidim::AuthorizationFormBuilder,
+                      as: "authorization_handler",
+                      url: decidim_admin_decidim_awesome.admin_authorization_path(id: user.id, handler: params[:handler]),
+                      method: :patch,
+                      remote: true) do |form| %>
+    <% if lookup_context.exists?(handler.to_partial_path, [], true) %>
+      <%= render partial: handler.to_partial_path, locals: { handler:, form: } %>
+    <% else %>
+      <div class="form__wrapper">
+        <%= form.all_fields %>
+      </div>
+    <% end %>
+
+    <% if defined?(with_override) %>
+      <div class="form__wrapper flash alert">
+        <label class="flex-col">
+          <div class="flash__title">
+            <%= check_box_tag "force_verification_check", true %>
+            <%= t(".force_verification") %>
+          </div>
+          <p class="help-text"><%= t(".force_verification_help") %></p>
+        </label>
+        <label>
+          <%= t(".force_verification_reason") %>
+          <%= text_area_tag "force_verification", nil, disabled: true %>
+        </label>
+      </div>
+    <% else %>
+      <%= cell("decidim/announcement", { title: t(".warning"), body: t(".do_it_if_sure") }, callout_class: "warning") %>
+    <% end %>
+
+    <div class="text-center mt-8">
+      <button type="submit" class="button button__lg button__primary">
+          <%= icon "alert-line", class: "fill-current" %>
+          <span><%= t(".authorize", name: workflow.fullname, user: user.name) %></span>
+      </button>
+    </div>
+  <% end %>
+</div>

data/app/views/decidim/decidim_awesome/admin/checks/_assets_tester.html.erb

@@ -0,0 +1,2 @@
+<%= render partial: "layouts/decidim/head" %>
+<%= render partial: "layouts/decidim/decidim_javascript" rescue nil %>

data/app/views/decidim/decidim_awesome/admin/checks/index.html.erb

@@ -1,32 +1,36 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t ".title" %></h2>
-  </div>
-  <div class="card-section">
-    <p>
-      <span class="label <%= decidim_version_valid? ? "success" : "alert" %>"><%= t ".decidim_version", version: decidim_version %></span>
-      <%= check decidim_version_valid? %>
-    </p>
-  </div>
-  <div class="card-section">
-    <p><%= t(".images_migrated") %>
-    <% if images_migrated? %>
-      <%= check true %></p>
-    <% else %>
-      <%= check false %></p>
-      <div class="callout alert">
-        <p><%= t(".pending_image_migrations", total: pending_image_migrations).html_safe %></p>
-        <%= link_to t(".start_image_migrations"), migrate_images_path, method: :post, class: "button" %>
-      </div>
-    <% end %>
-  </div>
-  <div class="card-section">
-    <ul class="vertical menu">
-      <% overrides.each do |group, props| %>
+<!--
+  Force tailwind to compile these classes
+  class="fill-success fill-alert"
+-->
+
+<div class="card-section decidim-version">
+  <p>
+    <span class="label <%= decidim_version_valid? ? "success" : "alert" %>"><%= t ".decidim_version", version: decidim_version %></span>
+    <%= check decidim_version_valid? %>
+  </p>
+</div>
+
+<div class="card-section">
+  <p><%= t(".images_migrated") %>
+  <% if images_migrated? %>
+    <%= check true %></p>
+  <% else %>
+    <%= check false %></p>
+    <div class="callout alert">
+      <p><%= t(".pending_image_migrations", total: pending_image_migrations).html_safe %></p>
+      <%= link_to t(".start_image_migrations"), migrate_images_path, method: :post, class: "button" %>
+    </div>
+  <% end %>
+</div>
+
+<div class="card-section">
+  <ul class="vertical menu">
+    <% overrides.each do |group, props| %>
       <li>
         <strong><%= t ".#{group}" %></strong>
         <ul class="vertical menu">
           <% props.files.each do |file, md5| %>
+          <% next unless exists?(props.spec, file) %>
           <li>
             <%= file %>
             <%= check(valid?(props.spec, file)) %>
@@ -35,16 +39,16 @@
         </ul>
         <br>
       </li>
-      <% end %>
-    </ul>
-    <ul class="vertical menu heads">
-      <li>
-        <strong><%= t ".head_tags" %></strong>
-        <ul class="vertical menu">
+    <% end %>
+  </ul>
+  <ul class="vertical menu heads">
+    <li>
+      <strong><%= t ".head_tags" %></strong>
+      <ul class="vertical menu">
         <% {
-          CSS: "//link[@rel='stylesheet'][contains(@href,'decidim_decidim_awesome')]",
-          JavaScript: "//script[contains(@src,'decidim_decidim_awesome')]"
-          }.each do |part, xpath| %>
+        CSS: "//head/link[@rel='stylesheet'][contains(@href,'decidim_decidim_awesome')]",
+        JavaScript: "//script[contains(@src,'decidim_decidim_awesome')]"
+        }.each do |part, xpath| %>
           <li>
             <%= part %>
             <% if head.xpath(xpath).count.positive? %>
@@ -55,16 +59,16 @@
               <code class="help-text code-block"><%= head_addons(part) %></code>
             <% end %>
           </li>
-          <% end %>
-        </ul>
-      </li>
-      <li>
-        <strong><%= t ".admin_head_tags" %></strong>
-        <ul class="vertical menu">
+        <% end %>
+      </ul>
+    </li>
+    <li>
+      <strong><%= t ".admin_head_tags" %></strong>
+      <ul class="vertical menu">
         <% {
-          CSS: "//link[@rel='stylesheet'][contains(@href,'decidim_admin_decidim_awesome')]",
-          JavaScript: "//script[contains(@src,'decidim_admin_decidim_awesome')]"
-          }.each do |part, xpath| %>
+        CSS: "//head/link[@rel='stylesheet'][contains(@href,'decidim_admin_decidim_awesome')]",
+        JavaScript: "//script[contains(@src,'decidim_admin_decidim_awesome')]"
+        }.each do |part, xpath| %>
           <li>
             <%= part %>
             <% if admin_head.xpath(xpath).count.positive? %>
@@ -75,9 +79,8 @@
               <code class="help-text code-block"><%= admin_addons(part) %></code>
             <% end %>
           </li>
-          <% end %>
-        </ul>
-      </li>
-    </ul>
-  </div>
+        <% end %>
+      </ul>
+    </li>
+  </ul>
 </div>

data/app/views/decidim/decidim_awesome/admin/config/_autoedit_box_label.html.erb

@@ -2,6 +2,11 @@
     <%= t("config.#{var}",
         scope: "activemodel.attributes",
         id: "<span class='awesome-auto-edit' data-var='#{var}' data-scope='#{scope}' data-key='#{key}'>#{key}</span>").html_safe %>
-    <%= icon_link_to "pencil", "#", t("edit_label", scope: "decidim.decidim_awesome.admin.config.form"), class: "action-icon--edit awesome-auto-edit", data: { "scope" => "#{scope}" } %>
-    <%= link_to t("remove", scope: "decidim.decidim_awesome.admin.config.form_#{var}"), delete_path, method: :delete, class: "float-right delete-box", data: { confirm: t("sure_to_remove", scope: "decidim.decidim_awesome.admin.config.form_#{var}") } %>
+
+    <%= icon_link_to "pencil-line", "#", t("edit_label", scope: "decidim.decidim_awesome.admin.config.form"), class: "awesome-auto-edit", data: { "scope" => "#{scope}" } %>
+
+    <%= link_to delete_path, method: :delete, class: "awesome-auto-delete", title: t("remove", scope: "decidim.decidim_awesome.admin.config.form_#{var}"), data: { confirm: t("sure_to_remove", scope: "decidim.decidim_awesome.admin.config.form_#{var}") } do %>
+        <%= icon "delete-bin-line" %>
+        <%= t("delete", scope: "decidim.decidim_awesome.admin.config.form_#{var}") %>
+    <% end %>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/config/_constraints.html.erb

@@ -1,27 +1,34 @@
-<div class="constraints-editor" data-key="<%= key %>">
-  <div class="callout" style="display:none" data-closable>
-    <p></p>
-    <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
-      <span aria-hidden="true">&times;</span>
-    </button>
-  </div>
-
-  <h5><%= t ".title" %></h5>
+<div class="constraints-editor mb-8 mt-4" data-key="<%= key %>">
+  <%= cell "decidim/announcement", "<p></p>".html_safe, hidden: true %>
+  <h5 class="mb-2"><%= t ".title" %></h5>
   <% if constraints.blank? %>
     <span class="label warning"><%= t ".always" %></span>
   <% end %>
 
   <ul class="constraints-list<%= " inactive" if constraints&.detect{|c| c.settings["participatory_space_manifest"]=="none" } %>">
     <% constraints&.each do |constraint| %>
-        <li>
-            <% constraint.settings.reverse_each do |k, val| %>
-              <span class="label <%= k %> constraint-<%= val %>"><%= translate_constraint_value constraint, k %></span>
-            <% end %>
-          <a href="<%= constraint_path(id: constraint.id, key: key) %>" class="edit-condition"><%= t ".edit" %></a>
-          <%= link_to t(".delete"), constraint_path(id: constraint.id), remote: true, method: :delete %>
-        </li>
-      <% end %>
+      <li>
+        <% constraint.settings.reverse_each do |k, val| %>
+          <span class="label <%= k %> constraint-<%= val %>"><%= translate_constraint_value constraint, k %></span>
+        <% end %>
+
+        <div class="inline-flex items-center gap-1 ml-10">
+          <button id="<%= "edit-#{key}-#{constraint.id}" %>" type="button" name="button" class="edit-condition button button__xs button__transparent-secondary" data-dialog-open="<%= "edit-modal-#{key}" %>" data-constraints-url="<%= constraint_path(id: constraint.id, key: key) %>">
+            <%= t ".edit" %>
+          </button>
+
+          <%= link_to t(".delete"), constraint_path(id: constraint.id), remote: true, method: :delete, class: "button button__xs button__transparent-primary" %>
+        </div>
+      </li>
+    <% end %>
   </ul>
-  <a href="<%= new_constraint_path(key: key) %>" class="add-condition" data-open="constraintsModal"><%= t ".add_condition" %></a>
+
+  <button id="<%= "new-#{key}" %>" type="button" name="button" class="add-condition button button__xs button__secondary" data-dialog-open="<%= "new-modal-#{key}" %>" data-constraints-url="<%= new_constraint_path(key: key) %>">
+    <%= icon "add-box-line" %>
+    <%= t ".add_condition" %>
+  </button>
 
 </div>
+
+<%= decidim_modal id: "edit-modal-#{key}", data: { constraint: key }, remote: true %>
+<%= decidim_modal id: "new-modal-#{key}", data: { constraint: key }, remote: true %>

data/app/views/decidim/decidim_awesome/admin/config/_form_admins.html.erb

@@ -1,21 +1,22 @@
-<div class="row column decidim_awesome-form">
+<div class="form__wrapper row column decidim_awesome-form">
   <% if config_enabled? :scoped_admins %>
     <p class="help-text"><%= t("help.scoped_admins", scope: "decidim.decidim_awesome.admin.config.form") %></p>
 
     <% form.object.scoped_admins&.each do |key, value| %>
-      <div class="scoped_admins_container" data-key="<%= key %>">
+      <div class="card p-4 scoped_admins_container js-box-container" data-key="<%= key %>">
         <%= render(partial: "decidim/decidim_awesome/admin/config/autoedit_box_label", locals: { var: "scoped_admins", key: key, scope: "scoped_admin_#{key}", delete_path: decidim_admin_decidim_awesome.scoped_admin_path(key: key) }) %>
         <p class="form-error is-visible" id="scoped-admin-error-<%= $key %>"><%= errors[key.to_sym].join("<br>") if errors %></p>
 
-        <%= select_tag "config[scoped_admins][#{key}]", options_from_collection_for_select(users_for(value), :id, :text, proc { true }), { include_blank: false ,  class: "multiusers-select", multiple: true, data: { url: decidim_admin_decidim_awesome.users_path } } %>
+        <%= select_tag "config[scoped_admins][#{key}]", options_for_select(users_for(value), value), { include_blank: false ,  class: "multiusers-select", multiple: true, data: { url: decidim_admin_decidim_awesome.users_path } } %>
 
         <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: "scoped_admin_#{key}", constraints: constraints_for("scoped_admin_#{key}") }) %>
       </div>
     <% end %>
 
-    <%= link_to t("new", scope: "decidim.decidim_awesome.admin.config.form_scoped_admins"), decidim_admin_decidim_awesome.scoped_admins_path, method: :post %>
+    <%= link_to decidim_admin_decidim_awesome.scoped_admins_path, method: :post, class: "button button__sm button__text-secondary mr-auto" do %>
+      <%= icon("add-box-line") %>
+      <%= t("new", scope: "decidim.decidim_awesome.admin.config.form_scoped_admins") %>
+    <% end %>
 
   <% end %>
 </div>
-
-<%= javascript_pack_tag "decidim_decidim_awesome_admin_form_exit_warn" %>

data/app/views/decidim/decidim_awesome/admin/config/_form_editors.html.erb

@@ -1,18 +1,14 @@
-<div class="row column decidim_awesome-form">
-  <p class="help-text"><%= t("help.drag_and_drop_supported", scope: "decidim.decidim_awesome.admin.config.form") %></p>
-  <p class="help-text"><%= t("help.original_editor_override", scope: "decidim.decidim_awesome.admin.config.form") %></p>
-
-  <% enabled_configs([:allow_images_in_full_editor, :allow_images_in_small_editor]).each do |key| %>
-    <%= form.check_box key %>
-    <p class="help-text"><%= t("help.#{key}", scope: "decidim.decidim_awesome.admin.config.form") %></p>
-
-    <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: key, constraints: constraints_for(key) }) %>
-  <% end %>
-
-  <% enabled_configs([:use_markdown_editor, :allow_images_in_markdown_editor]).each do |key| %>
-    <%= form.check_box key %>
-    <p class="help-text"><%= t("help.#{key}", scope: "decidim.decidim_awesome.admin.config.form") %></p>
-
-    <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: key, constraints: constraints_for(key) }) %>
+<div class="form__wrapper decidim_awesome-form">
+  <div class="row column">
+    <p class="help-text"><%= t("help.drag_and_drop_supported", scope: "decidim.decidim_awesome.admin.config.form") %>
+    <%= t("help.original_editor_override", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+  </div>
+
+  <% enabled_configs([:allow_images_in_editors, :allow_videos_in_editors]).each do |key| %>
+    <div class="row column card p-4">
+      <%= form.check_box key, help_text: t("help.#{key}", scope: "decidim.decidim_awesome.admin.config.form") %>
+
+      <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: key, constraints: constraints_for(key) }) %>
+    </div>
   <% end %>
 </div>

data/app/views/decidim/decidim_awesome/admin/config/_form_livechat.html.erb

@@ -1,44 +1,60 @@
-<div class="row column decidim_awesome-form">
+<div class="form__wrapper decidim_awesome-form">
   <% if config_enabled? :intergram_for_public %>
+  <div class="row column">
     <%= form.check_box :intergram_for_public %>
-    <p class="help-text"><%= t("help.intergram_about", scope: "decidim.decidim_awesome.admin.config.form").html_safe %></p>
+    <span class="help-text mb-4" style="margin-top:-1rem;">
+      <%= t("help.intergram_about", scope: "decidim.decidim_awesome.admin.config.form").html_safe %>
+    </span>
 
     <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :intergram_for_public, constraints: constraints_for(:intergram_for_public) }) %>
 
     <%= fields_for "config[intergram_for_public_settings]", form.object.intergram_for_public_settings do |f| %>
-      <%= f.text_field :chat_id, label: t("intergram_chat_id", scope: "activemodel.attributes.config") %>
-      <p class="help-text"><%= t("help.intergram_config", scope: "decidim.decidim_awesome.admin.config.form").html_safe %></p>
+      <div class="mb-4">
+        <%= f.text_field :chat_id, label: t("intergram_chat_id", scope: "activemodel.attributes.config") %>
+        <p class="help-text" style="margin-top: -1rem;">
+          <%= t("help.intergram_config", scope: "decidim.decidim_awesome.admin.config.form").html_safe %>
+        </p>
+      </div>
+
       <%= f.check_box :require_login, label: t("intergram_require_login", scope: "activemodel.attributes.config") %>
-      <%= f.check_box :use_floating_button, label: t("intergram_use_floating_button", scope: "activemodel.attributes.config") %>
-      <%= f.color_field :color, label: t("intergram_color", scope: "activemodel.attributes.config") %>
+      <%= f.check_box :use_floating_button, class: "mb-4", label: t("intergram_use_floating_button", scope: "activemodel.attributes.config"), label_options: { class: "block" } %>
+      <%= f.color_field :color, class: "mb-4 block w-full p-1", label: t("intergram_color", scope: "activemodel.attributes.config") %>
 
-      <%= f.text_field :title_open, label: t("intergram_title_open", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_open") %>
-      <%= f.text_field :title_closed, label: t("intergram_title_closed", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_closed") %>
-      <%= f.text_field :intro_message, label: t("intergram_intro_message", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.intro_message") %>
-      <%= f.text_field :auto_no_response, label: t("intergram_auto_no_response", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.auto_no_response") %>
+      <%= f.text_field :title_open, class: "mb-4", label: t("intergram_title_open", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_open") %>
+      <%= f.text_field :title_closed, class: "mb-4", label: t("intergram_title_closed", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_closed") %>
+      <%= f.text_field :intro_message, class: "mb-4", label: t("intergram_intro_message", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.intro_message") %>
+      <%= f.text_field :auto_no_response, class: "mb-4", label: t("intergram_auto_no_response", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.auto_no_response") %>
     <% end %>
+  </div>
   <% end %>
 </div>
 
-<div class="row column decidim_awesome-form">
+<div class="form__wrapper decidim_awesome-form">
   <% if config_enabled? :intergram_for_admins %>
+  <div class="row column">
     <%= form.check_box :intergram_for_admins %>
-    <p class="help-text"><%= t("help.intergram_about", scope: "decidim.decidim_awesome.admin.config.form").html_safe %></p>
+    <span class="help-text mb-4" style="margin-top:-1rem;">
+      <%= t("help.intergram_about", scope: "decidim.decidim_awesome.admin.config.form").html_safe %>
+    </span>
 
     <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :intergram_for_admins, constraints: constraints_for(:intergram_for_admins) }) %>
 
     <%= fields_for "config[intergram_for_admins_settings]", form.object.intergram_for_admins_settings do |f| %>
-      <%= f.text_field :chat_id, label: t("intergram_chat_id", scope: "activemodel.attributes.config") %>
-      <p class="help-text"><%= t("help.intergram_config", scope: "decidim.decidim_awesome.admin.config.form").html_safe %></p>
-
-      <%= f.check_box :use_floating_button, label: t("intergram_use_floating_button", scope: "activemodel.attributes.config") %>
-      <%= f.color_field :color, label: t("intergram_color", scope: "activemodel.attributes.config") %>
-
-      <%= f.text_field :title_open, label: t("intergram_title_open", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_open") %>
-      <%= f.text_field :title_closed, label: t("intergram_title_closed", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_closed") %>
-      <%= f.text_field :intro_message, label: t("intergram_intro_message", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.intro_message") %>
-      <%= f.text_field :auto_no_response, label: t("intergram_auto_no_response", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.auto_no_response") %>
+      <div class="mb-4">
+        <%= f.text_field :chat_id, label: t("intergram_chat_id", scope: "activemodel.attributes.config") %>
+        <p class="help-text" style="margin-top: -1rem;">
+          <%= t("help.intergram_config", scope: "decidim.decidim_awesome.admin.config.form").html_safe %>
+        </p>
+      </div>
+
+      <%= f.check_box :use_floating_button, class: "mb-4", label: t("intergram_use_floating_button", scope: "activemodel.attributes.config") %>
+      <%= f.color_field :color, class: "mb-4 block w-full p-1", label: t("intergram_color", scope: "activemodel.attributes.config") %>
+
+      <%= f.text_field :title_open, class: "mb-4", label: t("intergram_title_open", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_open") %>
+      <%= f.text_field :title_closed, class: "mb-4", label: t("intergram_title_closed", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.title_closed") %>
+      <%= f.text_field :intro_message, class: "mb-4", label: t("intergram_intro_message", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.intro_message") %>
+      <%= f.text_field :auto_no_response, class: "mb-4", label: t("intergram_auto_no_response", scope: "activemodel.attributes.config"), placeholder: t("decidim.decidim_awesome.config.intergram.auto_no_response") %>
     <% end %>
-
+  </div>
   <% end %>
 </div>