Update feedback component to add "display none" to "maybe" (spam prev…

…ention) button

CHANGELOG.md

@@ -10,6 +10,7 @@
 ## Unreleased
 
 * Make metadata component "See all updates" link href less generic ([PR #2562](https://github.com/alphagov/govuk_publishing_components/pull/2562))
+* Update feedback component to add "display none" to "maybe" (spam prevention) button ([PR #2568](https://github.com/alphagov/govuk_publishing_components/pull/2568))
 
 ## 28.1.0
 

app/assets/stylesheets/govuk_publishing_components/components/_feedback.scss

@@ -141,9 +141,9 @@
   }
 }
 
-.gem-c-feedback__option-list-item:first-child {
+.gem-c-feedback__option-list-item:last-child {
   @include govuk-media-query($from: mobile) {
-    margin-right: govuk-spacing(4);
+    margin-left: govuk-spacing(4);
   }
 }
 

app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb

@@ -5,12 +5,14 @@
 <div class="gem-c-feedback__prompt gem-c-feedback__js-show js-prompt" tabindex="-1">
   <div class="gem-c-feedback__prompt-questions js-prompt-questions" hidden>
     <h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful") %></h2>
-    <!-- Maybe button exists only to try and capture clicks by bots -->
-    <button data-track-category="yesNoFeedbackForm" data-track-action="ffMaybeClick" aria-expanded="false" hidden>
-      <%= t("components.feedback.maybe") %>
-    </button>
 
     <ul class="gem-c-feedback__option-list">
+      <li class="gem-c-feedback__option-list-item" style="display: none" hidden="hidden">
+        <!-- Maybe button exists only to try and capture clicks by bots -->
+        <button data-track-category="yesNoFeedbackForm" data-track-action="ffMaybeClick" aria-expanded="false" style="display: none" hidden="hidden" aria-hidden="true">
+          <%= t("components.feedback.maybe") %>
+        </button>
+      </li>
       <li class="gem-c-feedback__option-list-item">
         <button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick">
           <%= t("components.feedback.yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful") %></span>