diff --git a/app/assets/stylesheets/buttons.css b/app/assets/stylesheets/buttons.css index 4870f7f58..a4e500139 100644 --- a/app/assets/stylesheets/buttons.css +++ b/app/assets/stylesheets/buttons.css @@ -128,7 +128,7 @@ } @media (min-width: 640px) { - .btn--circle-mobile .icon--mobile-only { + .btn .icon--mobile-only { display: none !important; } } diff --git a/app/views/cards/columns/edit.html.erb b/app/views/cards/columns/edit.html.erb index 162bfbbeb..8aea6f09e 100644 --- a/app/views/cards/columns/edit.html.erb +++ b/app/views/cards/columns/edit.html.erb @@ -24,13 +24,16 @@ <%= button_to_set_column @card, column %> <% end %> - <%= button_to "Done", card_closure_path(@card), + <%= button_to card_closure_path(@card), class: [ "card__column-name btn", { "card__column-name--current": @card.closed? } ], style: "--column-color: var(--color-card-complete)", disabled: @card.closed?, role: "radio", aria: { checked: @card.closed? }, data: { scroll_to_target: @card.closed? ? "target" : nil }, - form_class: "flex gap-half" %> + form_class: "flex gap-half" do %> + <%= icon_tag "check", class: "icon--mobile-only" %> + Done + <% end %> <% end %>