decidim-reporting_proposals 0.5.1 → 0.6.0

data/app/helpers/concerns/decidim/reporting_proposals/proposal_wizard_helper_override.rb

@@ -7,34 +7,12 @@ module Decidim
       extend ActiveSupport::Concern
 
       included do
-        def proposal_wizard_stepper(current_step)
-          steps = %(
-            #{proposal_wizard_stepper_step(Proposals::ProposalsController::STEP1, current_step)}
-            #{proposal_wizard_stepper_step(Proposals::ProposalsController::STEP2, current_step)}
-          )
-          steps = %(#{steps} #{proposal_wizard_stepper_step(Proposals::ProposalsController::STEP3, current_step)}) unless reporting_proposals_component?
-          steps = %(#{steps} #{proposal_wizard_stepper_step(Proposals::ProposalsController::STEP4, current_step)})
-
-          content_tag :ol, class: "wizard__steps" do
-            steps.html_safe
-          end
+        def proposal_wizard_steps
+          steps = [Proposals::ProposalsController::STEP1, Proposals::ProposalsController::STEP2]
+          steps << Proposals::ProposalsController::STEP3 unless reporting_proposals_component?
+          steps << Proposals::ProposalsController::STEP4
         end
 
-        def proposal_wizard_current_step_of(step)
-          current_step_num = proposal_wizard_step_number(step)
-          current_step_num = 3 if current_step_num == 4 && reporting_proposals_component?
-          see_steps = content_tag(:span, class: "hide-for-large") do
-            concat " ("
-            concat content_tag :a, t(:"decidim.proposals.proposals.wizard_steps.see_steps"), "data-toggle": "steps"
-            concat ")"
-          end
-          content_tag :span, class: "text-small" do
-            concat t(:"decidim.proposals.proposals.wizard_steps.step_of", current_step_num: current_step_num, total_steps: total_steps)
-            concat see_steps
-          end
-        end
-
-        # rubocop:disable Rails/HelperInstanceVariable:
         def distance(meters = nil)
           meters = @proposal.component.settings.geocoding_comparison_radius.to_f if meters.nil?
 
@@ -46,15 +24,14 @@ module Decidim
         private
 
         def total_steps
-          reporting_proposals_component? ? 3 : 4
+          proposal_wizard_steps.count
         end
 
         def reporting_proposals_component?
-          return unless @form&.component&.manifest_name
+          return unless current_component&.manifest_name
 
-          @form.component.manifest_name == "reporting_proposals"
+          current_component.manifest_name == "reporting_proposals"
         end
-        # rubocop:enable Rails/HelperInstanceVariable:
       end
     end
   end

data/app/helpers/concerns/decidim/reporting_proposals/resource_helper_override.rb

@@ -15,7 +15,7 @@ module Decidim
             content_tag(:div, class: "section") do
               i18n_name = "#{resource.class.name.demodulize.underscore}_#{resource_manifest.name}"
               content_tag(:h3, I18n.t(i18n_name, scope: "decidim.resource_links.#{link_name}"), class: "section-heading") +
-                render(partial: resource_manifest.template, locals: { resources: resources })
+                render(partial: resource_manifest.template, locals: { resources: })
             end
           end)
         end

data/app/mailers/concerns/decidim/reporting_proposals/admin/hidden_resource_mailer.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ReportingProposals
+    module Admin
+      # A custom mailer to mail Decidim users
+      # that they have been hidden
+      class HiddenResourceMailer < Decidim::ApplicationMailer
+        include Decidim::TranslationsHelper
+        include Decidim::SanitizeHelper
+        include Decidim::ApplicationHelper
+        include Decidim::TranslatableAttributes
+
+        helper Decidim::ResourceHelper
+        helper Decidim::TranslationsHelper
+        helper Decidim::ApplicationHelper
+
+        def notify_mail(resource, resource_authors, reason)
+          @resource_authors = resource_authors
+          @organization = resource.organization
+          @resource = resource
+          @reason = reason
+
+          mail(to: resource_authors.pluck(:email).uniq,
+               subject: I18n.t("decidim.admin.hidden_resource_mailer.notify_mail.subject"))
+        end
+      end
+    end
+  end
+end

data/app/mailers/concerns/decidim/{proposals → reporting_proposals}/admin/notification_answer_proposal_mailer.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Decidim
-  module Proposals
+  module ReportingProposals
     module Admin
       class NotificationAnswerProposalMailer < Decidim::ApplicationMailer
         include Decidim::TranslationsHelper

data/app/mailers/concerns/decidim/{proposals → reporting_proposals}/admin/proposals_valuator_mailer.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Decidim
-  module Proposals
+  module ReportingProposals
     module Admin
       class ProposalsValuatorMailer < Decidim::ApplicationMailer
         include Decidim::TranslationsHelper
@@ -21,7 +21,7 @@ module Decidim
 
           with_user(user) do
             mail to: "#{user.name} <#{user.email}>",
-                 subject: t("subject", scope: "decidim.proposals.admin.proposals_valuator_mailer.notify_proposals_valuator")
+                 subject: t("subject", scope: "decidim.reporting_proposals.admin.proposals_valuator_mailer.notify_proposals_valuator")
           end
         end
       end

data/app/mailers/concerns/decidim/{proposals → reporting_proposals}/notification_publish_proposal_mailer.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Decidim
-  module Proposals
+  module ReportingProposals
     class NotificationPublishProposalMailer < Decidim::ApplicationMailer
       include Decidim::TranslationsHelper
       include Decidim::SanitizeHelper

data/app/mailers/concerns/decidim/reporting_proposals/reported_mailer_override.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ReportingProposals
+    module ReportedMailerOverride
+      extend ActiveSupport::Concern
+
+      included do
+        helper Decidim::ComponentPathHelper
+        helper_method :resource_admin_url
+
+        def resource_admin_url
+          @resource_admin_url ||= Decidim::ResourceLocatorPresenter.new(@reportable).admin_url
+        end
+      end
+    end
+  end
+end

data/app/overrides/decidim/proposals/admin/proposals/show/add_address.html.erb.deface

@@ -1,3 +1,3 @@
-<!-- insert_after ".row.column[3]" -->
+<!-- insert_after ".component__show-text" -->
 
 <%= render partial: "decidim/proposals/admin/proposals/address", locals: { component_settings: component_settings, proposal: proposal } %>

data/app/overrides/decidim/proposals/admin/proposals/show/add_photo_management.html.erb.deface

@@ -1,3 +1,3 @@
-<!-- insert_after "erb[silent]:contains('if proposal.valuators.any?')" -->
+<!-- insert_before "erb[silent]:contains('if proposal.photos.any?')" -->
 
 <%= render partial: "decidim/reporting_proposals/admin/proposals/photos" %>

data/app/overrides/decidim/proposals/admin/proposals/show/add_send_email_btn.html.erb.deface

@@ -1,3 +1,3 @@
-<!-- insert_after "erb[loud]:contains('current_or_new_conversation_path_with(presented_author)')" -->
+<!-- insert_after ".component__show_nav-author-title" -->
 
 <%= render partial: "decidim/proposals/admin/proposals/send_email_button", locals: { presented_author: presented_author } %>

data/app/overrides/decidim/proposals/admin/proposals/show/add_valuators_form.html.erb.deface

@@ -1,19 +1,25 @@
 <!-- insert_after "#valuators" -->
 
 <% if allowed_to? :assign_to_valuator, :proposals %>
-  <div id="js-assign-proposal-to-valuator-actions" class="js-bulk-action-form form-single-proposal"
+  <div id="js-assign-proposal-to-valuator-actions" class="js-bulk-action-form form-single-proposal my-4"
        style="max-width:400px">
     <%= form_tag(valuation_assignment_path, method: :post, id: "js-form-assign-proposal-to-valuator",
-                 class: "flex--lc flex-gap--1") do %>
-      <div class="checkboxes hide">
-        <%= check_box_tag "proposal_ids[]", proposal.id, true,
-                          class: "js-check-all-proposal js-proposal-id-#{proposal.id}" %>
-      </div>
+                 class: "form form-defaults") do %>
+      <div class="form__wrapper">
+        <div class="card">
+          <div class="flex items-center">
+            <div class="checkboxes hide">
+              <%= check_box_tag "proposal_ids[]", proposal.id, true,
+                                class: "js-check-all-proposal js-proposal-id-#{proposal.id}" %>
+            </div>
 
-      <%= bulk_valuators_select(current_participatory_space, t("decidim.proposals.admin.proposals.index.assign_to_valuator")) %>
-      <%= submit_tag(t("decidim.proposals.admin.proposals.index.assign_to_valuator_button"),
-                     id: "js-submit-assign-proposal-to-valuator",
-                     class: "button small button--simple float-left") %>
+            <%= bulk_valuators_select(current_participatory_space, t("decidim.proposals.admin.proposals.index.assign_to_valuator")) %>
+            <%= submit_tag(t("decidim.proposals.admin.proposals.index.assign_to_valuator_button"),
+                           id: "js-submit-assign-proposal-to-valuator",
+                           class: "button button__sm button__secondary ml-2") %>
+          </div>
+        </div>
+      </div>
     <% end %>
   </div>
 <% end %>

data/app/overrides/decidim/proposals/proposals/_wizard_header/add_description.html.erb.deface

@@ -0,0 +1,5 @@
+<!-- insert_after "erb[loud]:contains('wizard_steps(@step)')" -->
+
+<% if geocoding_comparison? && action_name == "compare" %>
+  <p><%= t("description", scope: "decidim.reporting_proposals.proposals.compare.geocoding", meters: distance) %></p>
+<% end %>

data/app/overrides/decidim/proposals/proposals/_wizard_header/replace_title.html.erb.deface

@@ -1,14 +1,13 @@
-<!-- replace ".section-heading" -->
+<!-- replace ".title-decorator" -->
 
 <% if geocoding_comparison? && action_name == "compare" %>
-  <h2 class="section-heading">
+  <h1 class="title-decorator my-12">
     <%= t("title", scope: "decidim.reporting_proposals.proposals.compare.geocoding") %>
     <%= "(#{@similar_proposals.count})" if @similar_proposals.present? %>
-  </h2>
-  <p><%= t("description", scope: "decidim.reporting_proposals.proposals.compare.geocoding", meters: distance) %></p>
+  </h1>
 <% else %>
-  <h2 class="section-heading">
+  <h1 class="title-decorator my-12">
     <%= proposal_wizard_step_title action_name %>
     <%= "(#{@similar_proposals.count})" if @similar_proposals.present? %>
-  </h2>
+  </h1>
 <% end %>

data/app/overrides/decidim/proposals/proposals/compare/add_css.html.erb.deface

@@ -0,0 +1,5 @@
+<!-- insert_after "erb[silent]:contains('append_stylesheet_pack_tag')" -->
+
+<% if reporting_proposal? %>
+  <% append_stylesheet_pack_tag "decidim_reporting_proposals" %>
+<% end %>

data/app/overrides/decidim/proposals/proposals/compare/add_distance_badge.html.erb.deface

@@ -0,0 +1,10 @@
+<!-- replace "erb[loud]:contains('card_for @proposal')" -->
+
+<% if geocoding_comparison? %>
+  <div class="compare-by-distance mb-6">
+    <span class="label secondary float-right"><%= icon("map-pin-line") %> <%= t("away", scope: "decidim.reporting_proposals.proposals.compare.geocoding", meters: distance(1000 * @proposal.distance_from([proposal.latitude, proposal.longitude], :km))) %></span>
+    <%= card_for proposal %>
+  </div>
+<% else %>
+  <%= card_for proposal %>
+<% end %>

data/app/overrides/decidim/proposals/proposals/edit/add_css.html.erb.deface

@@ -1,5 +1,5 @@
 <!-- insert_before "erb[silent]:contains(':js_content')" -->
 
 <% if reporting_proposal? %>
-  <%= stylesheet_pack_tag "decidim_reporting_proposals" %>
+  <%= append_stylesheet_pack_tag "decidim_reporting_proposals" %>
 <% end %>

data/app/overrides/decidim/proposals/proposals/edit/replace_javascript.html.erb.deface

@@ -1,7 +1,7 @@
 <!-- replace "erb[loud]:contains('javascript_pack_tag')" -->
 
 <% if reporting_proposal? %>
-  <%= javascript_pack_tag "decidim_reporting_proposals" %>
+  <%= prepend_javascript_pack_tag "decidim_reporting_proposals" %>
 <% else %>
-  <%= javascript_pack_tag "decidim_proposals" %>
+  <%= prepend_javascript_pack_tag "decidim_proposals" %>
 <% end %>

data/app/overrides/decidim/proposals/proposals/edit_draft/replace_javascript.html.erb.deface

@@ -1,8 +1,8 @@
 <!-- replace "erb[loud]:contains('javascript_pack_tag')" -->
 
 <% if reporting_proposal? %>
-  <%= javascript_pack_tag "decidim_reporting_proposals" %>
-  <%= stylesheet_pack_tag "decidim_reporting_proposals" %>
+  <%= prepend_javascript_pack_tag "decidim_reporting_proposals" %>
+  <%= append_stylesheet_pack_tag "decidim_reporting_proposals" %>
 <% else %>
-  <%= javascript_pack_tag "decidim_proposals" %>
+  <%= prepend_javascript_pack_tag "decidim_proposals" %>
 <% end %>

data/app/overrides/decidim/proposals/proposals/edit_draft/replace_partial_edit_form_fields.html.erb.deface

@@ -1,3 +1,8 @@
 <!-- replace "erb[loud]:contains('edit_form_fields')" -->
 
-<%= render "decidim/#{reporting_proposal? ? 'reporting_proposals/proposals/reporting_proposal_fields' : 'proposals/proposals/edit_form_fields'}", form: form %>
+<% if reporting_proposal? %>
+  <%= render "decidim/reporting_proposals/proposals/reporting_proposal_fields", form: form %>
+  <%= render "decidim/reporting_proposals/proposals/user_group", form: form %>
+<% else %>
+  <%= render "decidim/proposals/proposals/edit_form_fields", form: form %>
+<% end %>

data/app/overrides/decidim/proposals/proposals/new/add_css.html.erb.deface

@@ -1,5 +1,5 @@
-<!-- insert_before "erb[silent]:contains(':js_content')" -->
+<!-- insert_after "erb[loud]:contains('append_stylesheet_pack_tag')" -->
 
 <% if reporting_proposal? %>
-  <%= stylesheet_pack_tag "decidim_reporting_proposals" %>
+  <% append_stylesheet_pack_tag "decidim_reporting_proposals" %>
 <% end %>

data/app/overrides/decidim/proposals/proposals/new/remove_body.html.erb.deface

@@ -0,0 +1 @@
+<!-- remove "erb[loud]:contains('text_editor_for_proposal_body(form)')" -->

data/app/overrides/decidim/proposals/proposals/new/remove_title.html.erb.deface

@@ -1 +1 @@
-<!-- remove ".hashtags__container" -->
+<!-- remove "erb[loud]:contains(':title')" -->

data/app/overrides/decidim/proposals/proposals/new/replace_javascript.html.erb.deface

@@ -1,7 +1,7 @@
 <!-- replace "erb[loud]:contains('javascript_pack_tag')" -->
 
 <% if reporting_proposal? %>
-  <%= javascript_pack_tag "decidim_reporting_proposals" %>
+  <% append_javascript_pack_tag "decidim_reporting_proposals" %>
 <% else %>
-  <%= javascript_pack_tag "decidim_proposals" %>
+  <% append_javascript_pack_tag "decidim_proposals" %>
 <% end %>

data/app/overrides/decidim/proposals/proposals/preview/add_css.html.erb.deface

@@ -0,0 +1,5 @@
+<!-- insert_after "erb[silent]:contains('append_stylesheet_pack_tag')" -->
+
+<% if reporting_proposal? %>
+  <% append_stylesheet_pack_tag "decidim_reporting_proposals" %>
+<% end %>

data/app/overrides/decidim/proposals/proposals/show/add_additional_button.html.erb.deface

@@ -1,3 +1,3 @@
-<!-- insert_bottom ".m-bottom" -->
+<!-- insert_before "erb[loud]:contains('proposal_aside')" -->
 
 <%= render partial: "decidim/reporting_proposals/proposals/additional_button_for_show" %>

data/app/packs/entrypoints/decidim_reporting_proposals.js

@@ -1,5 +1,6 @@
 import "src/decidim/proposals/utils"
 import "src/decidim/reporting_proposals/proposals/add_proposal"
+import "src/decidim/reporting_proposals/proposal_extra_validations"
 import "stylesheets/decidim/reporting_proposals/proposals/add_proposal.scss";
 
 // Images

data/app/packs/src/decidim/reporting_proposals/proposal_extra_validations.js

@@ -2,12 +2,7 @@ $(() => {
 
   const $title = $('input[name="proposal[title]"]');
   const $body = $('[name="proposal[body]"]');
-  let quill;
-  try {
-    quill = window.Quill.find(document.querySelector(".editor-container"));
-  } catch (e) {
-    console.log("Quill not found");
-  }
+  const prosemirror = document.querySelector(".ProseMirror");
   const $form = $title.closest("form");
 
   const findError = ($field, prop) => {
@@ -15,12 +10,12 @@ $(() => {
     if (!$closest.length) {
       $closest = $field.closest(".editor");
     }
-    // console.log("findError", $closest, $field, prop);
     let search = `.form-error.${prop}`;
     if (!prop) {
       search = ".form-error"
     }
     let $error = $closest.find(search);
+    console.log("findError", "$closest", $closest, " $field", $field, "prop", prop, "$error", $error);
     if ($error.length === 0) {
       $error = $(`<span class="${search.replace(/\./g, " ")}"></span>`).appendTo($closest);
     }
@@ -42,7 +37,7 @@ $(() => {
   };
   
   const validate = ($field, value, options) => {
-    // console.log("validate", $field, value, options);
+    console.log("validate", $field, value, options);
 
     // validate caps if needed
     const minLen = $field.attr("minlength");
@@ -64,23 +59,27 @@ $(() => {
     $title.change(() => {
       clearErrors($title, "caps");
     });
-    if (quill) {
-      // on change quill
-      quill.on("text-change", () => {
+    if (prosemirror) {
+      // on change prosemirror (tiptap is not available as a global object)
+      prosemirror.addEventListener("focus", () => {
+        clearErrors($body, "caps");
+      });
+      prosemirror.addEventListener("blur", () => {
         clearErrors($body, "caps");
         clearErrors($body);
       });
     } else {
       $body.change(() => {
         clearErrors($body, "caps");
+        clearErrors($body);
       });
     }
     $form.on("submit", (ev) => {
       if (!validate($title, $title.val(), Decidim.ProposalRules.title)) {
         ev.preventDefault();
       }
-      if (!validate($body, quill
-        ? quill.getText()
+      if (!validate($body, prosemirror
+        ? prosemirror.textContent
         : $body.val(), Decidim.ProposalRules.body)) {
         ev.preventDefault();
       }

data/app/packs/src/decidim/reporting_proposals/proposals/add_proposal.js

@@ -4,63 +4,67 @@ $(() => {
   const $checkbox = $("input:checkbox[name$='[has_no_address]']");
   const $hasAdressInput = $("input[name$='[has_address]']");
   const $addressInput = $("#address_input");
-  const $addressInputField = $("input[name='proposal[address]']");
+  const $addressInputField = $("[data-decidim-geocoding]");
   const $map = $("#address_map");
   let latFieldName = "proposal[latitude]";
   let longFieldName = "proposal[longitude]";
   const $labelInput = $("label[for='proposal_address']");
   const $buttonLocation = $(".user-device-location button");
 
-  $map.hide();
+  if ($map.length) {
+    if (!$addressInputField.data("coordinates")) {
+      $map.hide();
+    }
+    $addressInputField.on("geocoder-suggest-coordinates.decidim", () => $map.show());
 
-  // Handle no address checkbox in reverse, mandatory by default instead of default decidim
-  if ($checkbox.length > 0) {
-    const toggleInput = () => {
-      $hasAdressInput.val($checkbox[0].checked
-        ? 0
-        : 1);
+    // Handle no address checkbox in reverse, mandatory by default instead of default decidim
+    if ($checkbox.length > 0) {
+      const toggleInput = () => {
+        $hasAdressInput.val($checkbox[0].checked
+          ? 0
+          : 1);
 
-      if ($checkbox[0].checked) {
-        const $formError = $labelInput.find('span.form-error[style="display: block;"]');
+        if ($checkbox[0].checked) {
+          const $formError = $labelInput.find('span.form-error[style="display: block;"]');
 
-        $map.hide();
-        $addressInputField.prop("disabled", true);
-        $addressInputField.removeClass("is-invalid-input");
-        $labelInput.removeClass("is-invalid-label");
-        $buttonLocation.prop("disabled", true);
-        $buttonLocation.removeClass("loading-spinner");
-        $formError.attr("style", "display:none;");
+          $map.hide();
+          $addressInputField.prop("disabled", true);
+          $addressInputField.removeClass("is-invalid-input");
+          $labelInput.removeClass("is-invalid-label");
+          $buttonLocation.prop("disabled", true);
+          $formError.attr("style", "display:none;");
 
-      } else {
-        if ($(`input[name='${latFieldName}']`).val()) {
-          $map.show();
+        } else {
+          if ($(`input[name='${latFieldName}']`).val()) {
+            $map.show();
+          }
+          $addressInputField.prop("disabled", false);
+          $buttonLocation.prop("disabled", false);
         }
-        $addressInputField.prop("disabled", false);
-        $buttonLocation.prop("disabled", false);
       }
+      toggleInput();
+      $checkbox.on("change", toggleInput);
     }
-    toggleInput();
-    $checkbox.on("change", toggleInput);
-  }
 
-  if ($addressInput.length > 0) {
-    const ctrl = $("[data-decidim-map]").data("map-controller");
-    ctrl.setEventHandler("coordinates", (ev) => {
-      $(`input[name='${latFieldName}']`).val(ev.lat);
-      $(`input[name='${longFieldName}']`).val(ev.lng);
-    });
+    $("[data-decidim-map]").on("ready.decidim", () => {
+      if ($addressInput.length <= 0) {
+        return;
+      }
+      const ctrl = $("[data-decidim-map]").data("map-controller");
+      ctrl.setEventHandler("coordinates", (ev) => {
+        $(`input[name='${latFieldName}']`).val(ev.lat);
+        $(`input[name='${longFieldName}']`).val(ev.lng);
+      });
 
-    attachGeocoding($addressInputField, null, (coordinates) => {
-      $map.show();
-      // Remove previous marker when user updates address in address field
-      ctrl.removeMarker();
-      ctrl.addMarker({
-        latitude: coordinates[0],
-        longitude: coordinates[1],
-        address: $addressInputField.val()
+      attachGeocoding($addressInputField, null, (coordinates) => {
+        // Remove previous marker when user updates address in address field
+        ctrl.removeMarker();
+        ctrl.addMarker({
+          latitude: coordinates[0],
+          longitude: coordinates[1],
+          address: $addressInputField.val()
+        });
       });
     });
   }
-
-
 });

data/app/packs/src/decidim/reporting_proposals/reverse_geocoding.js

@@ -9,10 +9,8 @@ $(() => {
 
   const setLocating = ($button, enable) => {
     if (enable) {
-      $button.addClass("loading-spinner");
       $button.attr("disabled", true);
     } else {
-      $button.removeClass("loading-spinner");
       $button.attr("disabled", false);
     }
   }

data/app/packs/src/decidim/reporting_proposals/user_camera_inputs.js

@@ -1,9 +1,8 @@
 $(() => {
   const $input = $("#proposal_add_photos");
-  const $inputField = $input.closest(".row.column");
-  const $button = $inputField.find("button:first");
-  const $checkbox = $inputField.find("input:checkbox[name$='[has_no_image]']");
-  const $formError = $inputField.find("span.form-error")
+  const $button = $(".camera-container .user-device-camera");
+  const $checkbox = $("#proposal_has_no_image");
+  const $formError = $(".camera-container .form-error")
   const $labelInput = $("label[for='proposal_add_photos']")
 
   const removeErrors = () => {
@@ -26,20 +25,21 @@ $(() => {
   $input.attr("accept", "image/*");
 
   $button.on("click", () => {
-    console.log("click button")
+    // console.log("click button")
     $input.attr("capture", "camera");
     $input.click();
     $input.removeAttr("capture", "camera");
   });
 
   $input.on("click", () => {
-    console.log("click", $input);
+    // console.log("click", $input);
     $input.one("blur", () => {
-      console.log("blur", $input);
+      // console.log("blur", $input);
       removeErrors();
     });
   });
 
+
   if ($checkbox.length > 0) {
     $checkbox.on("change", toggleInput);
     toggleInput();

data/app/packs/stylesheets/decidim/reporting_proposals/geocoding_addons.scss

@@ -1,34 +1,17 @@
-.input-group.has-tribute{
-  position: relative;
+.geocoding-container {
+  @apply sm:flex sm:items-end;
 
-  .tribute-container{
-    margin-top: 2.3rem;
+  .autoComplete_wrapper {
+    @apply w-full mb-2 sm:m-0 sm:mr-2;
   }
-}
-
-.user-device-location{
-  button{
-    max-height: 3rem;
 
-    &.loading-spinner{
-      position: relative;
-      margin: 0 !important;
+  .user-device-location {
+    button {
+      @apply whitespace-nowrap p-2 w-full sm:w-auto;
 
-      &::before{
-        position: absolute;
-        top: 6px;
-        left: 12px;
+      svg {
+        margin-right: 0.2rem;
       }
     }
   }
-
-  @media only screen and (max-width: 596px){
-    display: block !important;
-    margin-top: 1rem;
-    margin-bottom: -.5rem;
-
-    button{
-      border-radius: 4px !important;
-    }
-  }
 }