From b1d90212d3e126332c687cb5d927caa292eddb5f Mon Sep 17 00:00:00 2001 From: Mark Hendriksen Date: Mon, 5 Jan 2026 02:04:40 +0100 Subject: [PATCH 1/2] Update button styles in family export form Enhanced the appearance of the 'Cancel' and 'Export data' buttons by adding text and background color classes, as well as hover effects, for improved UI consistency. --- app/views/family_exports/new.html.erb | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/views/family_exports/new.html.erb b/app/views/family_exports/new.html.erb index a23477368..cfbee32de 100644 --- a/app/views/family_exports/new.html.erb +++ b/app/views/family_exports/new.html.erb @@ -33,8 +33,8 @@ <%= form_with url: family_exports_path, method: :post, class: "space-y-4" do |form| %>
- <%= link_to "Cancel", "#", class: "flex-1 text-center px-4 py-2 border border-primary rounded-lg hover:bg-surface-hover", data: { action: "click->modal#close" } %> - <%= form.submit "Export data", class: "flex-1 bg-inverse fg-inverse rounded-lg px-4 py-2 cursor-pointer" %> + <%= link_to "Cancel", "#", class: "flex-1 text-center px-4 py-2 text-primary bg-surface border border-primary rounded-lg hover:bg-surface-hover", data: { action: "click->modal#close" } %> + <%= form.submit "Export data", class: "flex-1 text-inverse bg-inverse fg-inverse rounded-lg px-4 py-2 cursor-pointer hover:bg-inverse-hover" %>
<% end %> From 647c1994072230599abfa9fd1549d1c15ea9d3f2 Mon Sep 17 00:00:00 2001 From: Mark Hendriksen Date: Mon, 5 Jan 2026 02:13:12 +0100 Subject: [PATCH 2/2] copilot suggestion --- app/views/family_exports/new.html.erb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/views/family_exports/new.html.erb b/app/views/family_exports/new.html.erb index cfbee32de..7c8f3ac98 100644 --- a/app/views/family_exports/new.html.erb +++ b/app/views/family_exports/new.html.erb @@ -34,7 +34,7 @@ <%= form_with url: family_exports_path, method: :post, class: "space-y-4" do |form| %>
<%= link_to "Cancel", "#", class: "flex-1 text-center px-4 py-2 text-primary bg-surface border border-primary rounded-lg hover:bg-surface-hover", data: { action: "click->modal#close" } %> - <%= form.submit "Export data", class: "flex-1 text-inverse bg-inverse fg-inverse rounded-lg px-4 py-2 cursor-pointer hover:bg-inverse-hover" %> + <%= form.submit "Export data", class: "flex-1 bg-inverse fg-inverse rounded-lg px-4 py-2 cursor-pointer hover:bg-inverse-hover" %>
<% end %>