From f5b29642ee5a8e37ebd8c0c3c6589728b33cccf9 Mon Sep 17 00:00:00 2001
From: Alex Turchyn <alex@docuseal.com>
Date: Wed, 9 Sep 2026 21:53:10 +0300
Subject: [PATCH] make template preferences button native

---
 app/views/templates/_title.html.erb | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/views/templates/_title.html.erb b/app/views/templates/_title.html.erb
index 02d6b3f4b..f8de9e011 100644
--- a/app/views/templates/_title.html.erb
+++ b/app/views/templates/_title.html.erb
@@ -44,13 +44,15 @@
     <% if !template.archived_at? %>
       <div class="flex items-center space-x-2">
         <% if can?(:update, template) %>
-          <div class="tooltip tooltip-no-touch hidden md:block" data-tip="<%= t('preferences') %>">
-            <%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
-              <span class="flex items-center justify-center space-x-2">
-                <%= svg_icon('adjustments_horizontal', class: 'w-6 h-6') %>
-              </span>
-            <% end %>
-          </div>
+          <native-action data-label="<%= t('preferences') %>" data-icon="adjustments_horizontal" data-placement="bar">
+            <div class="tooltip tooltip-no-touch hidden md:block" data-tip="<%= t('preferences') %>">
+              <%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
+                <span class="flex items-center justify-center space-x-2">
+                  <%= svg_icon('adjustments_horizontal', class: 'w-6 h-6') %>
+                </span>
+              <% end %>
+            </div>
+          </native-action>
         <% end %>
         <open-modal-mobile class="absolute md:relative bottom-0 right-0 mt-1">
           <%= link_to template_share_link_path(template), class: 'btn btn-xs md:btn-sm whitespace-nowrap btn-neutral text-white px-2', data: { turbo_frame: :modal } do %>