Add styling to delete page, fix reviewer field bug

templates/things/thing_delete.html

@@ -1,10 +1,19 @@
 {% extends 'base.html' %}
 
 {% block content %}
-  <h1>Delete Thing</h1>
+<div
+  class="w-full max-w-sm p-4 bg-white border border-gray-200 rounded-lg shadow sm:p-6 md:p-8 dark:bg-gray-800 dark:border-gray-700">
   <form method="POST">
-  {% csrf_token %}
-    <p>Do you really want to delete "{{ thing.name }}"?</p>
-    <input type="submit" value="OK">
+    {% csrf_token %}
+    <h5 class="text-xl font-medium text-gray-900 dark:text-white">Delete a Thing</h5>
+    <p class="mb-4 text-white">Do you really want to delete "{{ thing.name }}"?</p>
+
+    <div class="flex justify-end">
+      <button type="submit"
+        class="text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">
+        OK
+      </button>
+    </div>
   </form>
-{% endblock content %}
+</div>
+{% endblock content %}

templates/things/thing_detail.html

@@ -29,8 +29,7 @@ <h5 class=" flex-auto mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:
 
   </div>
 
-  <h5 class=" flex-auto mb-2 text-md font-bold tracking-tight text-gray-900 dark:text-white">Reviewed by: {{
-    thing.reviewer }}</h5>
+  <h5 class=" flex-auto mb-2 text-md font-bold tracking-tight text-gray-900 dark:text-white">Reviewed by: {{ thing.reviewer }}</h5>
 
 
   <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{ thing.description }}</p>
@@ -67,4 +66,4 @@ <h5 class=" flex-auto mb-2 text-md font-bold tracking-tight text-gray-900 dark:t
 
 
 
-{% endblock content %}
+{% endblock content %}