From 4ccf1c4818f2a1524c66d61848d309c2a7254f19 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Thu, 12 Nov 2020 12:09:47 -0800
Subject: [PATCH] Small html style changes on import pages

---
 bookwyrm/templates/import.html        |  3 ++-
 bookwyrm/templates/import_status.html | 19 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/bookwyrm/templates/import.html b/bookwyrm/templates/import.html
index c3644812..8e3f5eb4 100644
--- a/bookwyrm/templates/import.html
+++ b/bookwyrm/templates/import.html
@@ -14,7 +14,8 @@
             </label>
         </div>
         <div class="field">
-            <label class="label">Privacy setting for imported reviews
+            <label class="label">
+                <p>Privacy setting for imported reviews:</p>
                 {% include 'snippets/privacy_select.html' with no_label=True %}
             </label>
         </div>
diff --git a/bookwyrm/templates/import_status.html b/bookwyrm/templates/import_status.html
index 7db2ba3d..ffd1fa50 100644
--- a/bookwyrm/templates/import_status.html
+++ b/bookwyrm/templates/import_status.html
@@ -6,25 +6,24 @@
     <h1 class="title">Import Status</h1>
 
     <p>
-    Import started: {{ job.created_date | naturaltime }}
-    <p>
+        Import started: {{ job.created_date | naturaltime }}
+    </p>
     {% if task.ready %}
-    Import completed: {{ task.date_done | naturaltime }}
-    {% if task.failed %}
-    <h3><span style="background-color: #ffaaaa;">TASK FAILED</span></h3>
     <p>
+        Import completed: {{ task.date_done | naturaltime }}
+    </p>
+    {% elif task.failed %}
+    <div class="notification is-danger">TASK FAILED</div>
     {{ task.info }}
     {% endif %}
 </div>
 
 <div class="block">
-    {% if job.import_status %}
-        {% include 'snippets/status.html' with status=job.import_status %}
-    {% endif %}
-    {% else %}
+    {% if not task.ready and not task.failed %}
     Import still in progress.
     <p>
-    (Hit reload to update!)
+        (Hit reload to update!)
+    </p>
     {% endif %}
 </div>