From debc9696e16fa09e602e885445977ad4a5ca84db Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Mon, 18 Jan 2021 09:03:21 -0800
Subject: [PATCH] Sets focus for editing and deleting readthroughs

---
 bookwyrm/templates/snippets/delete_readthrough_modal.html | 2 +-
 bookwyrm/templates/snippets/readthrough.html              | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/bookwyrm/templates/snippets/delete_readthrough_modal.html b/bookwyrm/templates/snippets/delete_readthrough_modal.html
index 1456cc76b..2155afb31 100644
--- a/bookwyrm/templates/snippets/delete_readthrough_modal.html
+++ b/bookwyrm/templates/snippets/delete_readthrough_modal.html
@@ -1,5 +1,5 @@
 {% extends 'snippets/components/modal.html' %}
-{% block modal-title %}Delete this read-though?{% endblock %}
+{% block modal-title %}Delete these read dates?{% endblock %}
 
 {% block modal-footer %}
 <form name="delete-readthrough-{{ readthrough.id }}" action="/delete-readthrough" method="POST">
diff --git a/bookwyrm/templates/snippets/readthrough.html b/bookwyrm/templates/snippets/readthrough.html
index 56c22a927..a3d20dd50 100644
--- a/bookwyrm/templates/snippets/readthrough.html
+++ b/bookwyrm/templates/snippets/readthrough.html
@@ -17,16 +17,17 @@
         </dl>
         <div class="field has-addons">
             <div class="control">
-                {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Edit read dates" icon="pencil" controls_text="edit-readthrough" controls_uid=readthrough.id %}
+                {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Edit read dates" icon="pencil" controls_text="edit-readthrough" controls_uid=readthrough.id focus="edit-readthrough" %}
             </div>
             <div class="control">
-                {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Delete these read dates" icon="x" controls_text="delete-readthrough" controls_uid=readthrough.id %}
+                {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Delete these read dates" icon="x" controls_text="delete-readthrough" controls_uid=readthrough.id focus="modal-title-delete-readthrough" %}
             </div>
         </div>
     </div>
 </div>
 
-<div class="box hidden" id="edit-readthrough-{{ readthrough.id }}">
+<div class="box hidden" id="edit-readthrough-{{ readthrough.id }}" tabindex="0">
+    <h3 class="title is-5">Edit read dates</h3>
     <form name="edit-readthrough" action="/edit-readthrough" method="post">
         {% include 'snippets/readthrough_form.html' with readthrough=readthrough %}
         <div class="field is-grouped">