Form to edit link domain display names

bookwyrm/templates/settings/link_domains/link_domains.html

@@ -1,6 +1,7 @@
 {% extends 'settings/layout.html' %}
 {% load humanize %}
 {% load i18n %}
+{% load utilities %}
 
 {% block title %}{% trans "Link Domains" %}{% endblock %}
 
@@ -30,6 +31,7 @@
     </div>
 
     {% for domain in domains %}
+    {% join "domain" domain.id as domain_modal %}
     <div class="box content">
         <div class="columns is-mobile">
             <header class="column">
@@ -39,8 +41,10 @@
                 </h3>
             </header>
             <div class="column is-narrow">
-                {% trans "Set name" as button_text %}
-                {% include 'snippets/toggle/open_button.html' with text=button_text icon_with_text="pencil" controls_text="edit_domain" controls_uid=domain.id focus="id_description" %}
+                <button type="button" class="button" data-modal-open="{{ domain_modal }}">
+                    <span class="icon icon-pencil m-0-mobile" aria-hidden="treu"></span>
+                    <span>{% trans "Set display name" %}</span>
+                </button>
             </div>
         </div>
         <div class="block">
@@ -66,6 +70,8 @@
             </details>
         </div>
 
+        {% include "settings/link_domains/edit_domain_modal.html" with domain=domain id=domain_modal %}
+
         <form name="domain-{{ domain.id }}">
             {% csrf_token %}
             <div class="field has-addons">