Move the feedback link to the bottom of the page

admin/app/components/solidus_admin/layout/feedback/component.html.erb

@@ -1,11 +1,15 @@
-<span class="max-w-xs text-xs text-right text-gray-600 hidden lg:block">
- <%= t(".feedback_description") %>
-</span>
-<%= render component("ui/button").new(
- tag: :a,
- text: t(".give_feedback"),
- href: "https://solidus.io/feedback?category=solidus-admin",
- icon: "feedback-line",
- scheme: :secondary,
- target: :_blank,
-) %>
+<%= link_to(
+ "https://solidus.io/feedback?category=solidus-admin",
+ class: 'whitespace-nowrap flex flex-col items-center gap-2 text-gray-500 text-small hover:text-black',
+ target: '_blank',
+) do %>
+
+ <span>
+ <%= render component("ui/badge").new(name: "beta", size: :s, color: :blue) %>
+ <span class="underline"><%= t(".give_feedback") %></span>
+ </span>
+
+ <span class="body-small text-center">
+ <%= t(".feedback_description_html") %>
+ </span>
+<% end %>

admin/app/components/solidus_admin/layout/feedback/component.yml

@@ -2,4 +2,4 @@
 # Use the translation in the example in your template with `t(".hello")`.
 en:
  give_feedback: 'Give feedback'
- feedback_description: 'We are constantly trying to improve. Please let us know what you think about this admin page.'
+ feedback_description_html: 'We are constantly trying to improve. <br>Please let us know what you think about this admin page.'

admin/app/components/solidus_admin/layout/page_helpers.rb

@@ -2,12 +2,12 @@
 
 module SolidusAdmin::Layout::PageHelpers
  def page(**attrs, &block)
- tag.div(capture(&block), class: "px-4 relative", "data-controller": stimulus_id, **attrs)
+ tag.div(capture(&block), class: "px-4 relative", "data-controller": stimulus_id, **attrs) +
+ tag.div(render(component("layout/feedback").new), class: "flex justify-center py-10")
  end
 
  def page_header_actions(&block)
  tag.div(safe_join([
- render(component("layout/feedback").new),
  capture(&block),
  ]), class: "flex gap-2 items-center")
  end