refactor index and download finished

1 files changed, 23 insertions, 12 deletions

diff --git a/templates/download.html b/templates/download.html
index 2313d04..77f081a 100644
--- a/templates/download.html
+++ b/templates/download.html
@@ -2,14 +2,29 @@
 
 {% block content %}
 <div class="grid grid-rows-1 w-50">
-    <div class="flex justify-center">
-        <div class="rounded overflow-hidden shadow-lg p-4">
-            {% if not meta_after %}
+    <div class="grid grid-rows-1">
+        {% if not meta_after %}
             <div class="px-6 py-4 grid grid-rows-1">
-                <h1 class="font-bold text-xl mb-2">Metadata removed</h1>
+                <div class="font-light text-center text-4xl mb-2">Cleaned Metadata</div>
             </div>
+            <p class="text-gray-700 text-center text-sm text-opacity-80">
+                Successfully removed the metadata.
+            </p>
+        {% endif %}
+        {% if meta_after %}
+            <div class="px-6 py-4 grid grid-rows-1">
+                <div class="font-light text-center text-4xl mb-2">Metadata Partially Removed</div>
+            </div>
+            <p class="text-gray-700 text-center text-sm text-opacity-80">
+                Could not remove all the metadata. Consult the table below for the remaining metadata.
+            </p>
+        {% endif %}
+    </div>
+
+    <div class="flex justify-center mt-8">
+        <div class="rounded w-50 overflow-hidden shadow-lg p-4">
+            {% if not meta_after %}
             <p class="text-gray-700 text-base text-center">
-                Successfully removed the metadata
                 <svg class="max-h-40 fill-current text-green-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                     fill="currentColor">
                     <path fill-rule="evenodd"
@@ -20,11 +35,7 @@
             {% endif %}
 
             {% if meta_after %}
-            <div class="px-6 py-4 grid grid-rows-1">
-                <h1 class="font-bold text-xl mb-2">Metadata partially removed</h1>
-            </div>
             <p class="text-gray-700 text-base text-center">
-                Could not remove all the metadata
                 <svg class="max-h-40 fill-current text-yellow-600" xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 20 20" fill="currentColor">
                     <path fill-rule="evenodd"
@@ -37,9 +48,9 @@
 
             <a class="uk-flex-1" href='{{ download_uri }}'>
                 <button
-                    class="w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded flex justify-center"
+                    class="w-full bg-blue-dark hover:bg-blue-700 text-white py-2 px-4 rounded flex justify-center"
                 >
-                    <svg class="w-4 h-4 mr-2 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                    <svg class="w-4 h-4 mr-2 text-white self-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                         <path style="fill: white" d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" />
                     </svg>
                     <span>Download Cleaned File</span>
@@ -52,7 +63,7 @@
         <div class="bg-white shadow-md rounded my-6">
             <table class="text-left w-full border-collapse">
                 <div class="px-6 py-4 grid grid-rows-1">
-                    <h1 class="font-bold text-xl mb-2">Remaining Metadata</h1>
+                    <h1 class="font-light text-center text-4xl">Remaining Metadata</h1>
                 </div>
                 <thead>
                     <tr>