Merge pull request #2644 from basecamp/mobile/done-button-with-icon

Mobile / Done button with icon

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;
     }
   }

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 %>
   </div>
 <% end %>