From fdf93b2bc036bce294da44e8412d3c2fcfb712d9 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 17 Dec 2024 10:10:31 -0600
Subject: [PATCH] Make close and trash more distinct

---
 app/assets/images/trash.svg      | 1 +
 app/views/comments/edit.html.erb | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/images/trash.svg

diff --git a/app/assets/images/trash.svg b/app/assets/images/trash.svg
new file mode 100644
index 000000000..fc95dc1a8
--- /dev/null
+++ b/app/assets/images/trash.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m1.5 4.5h21"/><path d="m14.25 1.5h-4.5-.00000007c-.828427.00000004-1.5.671573-1.5 1.5v1.5h7.5v-1.5c0-.828427-.671573-1.5-1.5-1.5z"/><path d="m9.75 17.25v-7.5"/><path d="m14.25 17.25v-7.5"/><path d="m18.865 21.124.00000001-.00000017c-.0645133.777732-.714596 1.37607-1.495 1.376h-10.739-.00000007c-.780403.00006974-1.43049-.598268-1.495-1.376l-1.386-16.624h16.5z"/></g></svg>
\ No newline at end of file
diff --git a/app/views/comments/edit.html.erb b/app/views/comments/edit.html.erb
index a4ecf07df..23aa3d499 100644
--- a/app/views/comments/edit.html.erb
+++ b/app/views/comments/edit.html.erb
@@ -9,13 +9,13 @@
           <span class="for-screen-reader">Save</span>
         <% end %>
         <%= link_to bucket_bubble_comment_path(@bubble.bucket, @bubble, @comment), class: "btn btn--small", data: { form_target: "cancel" } do %>
-          <%= image_tag "close.svg", aria: { hidden: true }, size: 16 %>
+          <%= image_tag "remove-med.svg", aria: { hidden: true }, size: 16 %>
           <span class="for-screen-reader">Cancel</span>
         <% end %>
 
         <%= tag.button type: :submit, class: "btn btn--small btn--negative flex-item-justify-end", form: dom_id(@comment, :delete_form),
             data: { turbo_confirm: "Are you sure you want to delete this comment?" } do %>
-          <%= image_tag "remove.svg", aria: { hidden: true }, size: 16 %>
+          <%= image_tag "trash.svg", aria: { hidden: true }, size: 16 %>
           <span class="for-screen-reader">Delete</span>
         <% end %>
       </div>