From a0243d089cf8692ea21039b10cb92843d1632995 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Mon, 9 Nov 2020 21:26:22 -0800
Subject: [PATCH] star rating label can't surround input for css to work

---
 bookwyrm/templates/snippets/create_status_form.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/bookwyrm/templates/snippets/create_status_form.html b/bookwyrm/templates/snippets/create_status_form.html
index 7b429b53..d6aa3fb3 100644
--- a/bookwyrm/templates/snippets/create_status_form.html
+++ b/bookwyrm/templates/snippets/create_status_form.html
@@ -15,14 +15,13 @@
         <fieldset>
             <legend class="is-sr-only">Rating</legend>
             <div class="field is-grouped stars form-rate-stars">
-                <label class="is-sr-only">No rating
-                    <input class="is-sr-only" type="radio" name="rating" value="" checked>
-                </label>
+                <label class="is-sr-only" for="no-rating-{{ book.id }}">No rating</label>
+                <input class="is-sr-only" type="radio" name="rating" value="" id="no-rating-{{ book.id }}" checked>
                 {% for i in '12345'|make_list %}
-                    <input class="is-sr-only" id="book{{book.id}}-star-{{ forloop.counter }}" type="radio" name="rating" value="{{ forloop.counter }}">
-                    <label class="icon icon-star-empty" for="book{{book.id}}-star-{{ forloop.counter }}">
-                        <span class="is-sr-only">{{ forloop.counter }} star{{ forloop.counter | pluralize }}</span>
-                    </label>
+                <input class="is-sr-only" id="book{{book.id}}-star-{{ forloop.counter }}" type="radio" name="rating" value="{{ forloop.counter }}">
+                <label class="icon icon-star-empty" for="book{{book.id}}-star-{{ forloop.counter }}">
+                    <span class="is-sr-only">{{ forloop.counter }} star{{ forloop.counter | pluralize }}</span>
+                </label>
                 {% endfor %}
             </div>
         </fieldset>