From f79be86361ea9d6ff86fcc2e182b9a04d6d99a23 Mon Sep 17 00:00:00 2001
From: Alan Orth <alan.orth@gmail.com>
Date: Sat, 13 Mar 2021 13:50:46 +0200
Subject: [PATCH] templates/index.html: Use Bootstrap form components

---
 templates/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 917db6c..65ea1af 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,10 +6,13 @@
     <main class="flex-shrink-0">
       <div class="container py-3">
         <p class="lead">The DSpace CSV Metadata Quality Checker is a pipeline of sanity checks and automated fixes for a number of common issues in metadata files.</p>
-        <p>Select a CSV file to process.</p>
         <form method="POST" action="" enctype="multipart/form-data">
-          <p><input type="file" name="file" accept=".csv"></p>
-          <p><input type="submit" value="Submit"></p>
+          <div class="mb-3">
+            <label for="formFile" class="form-label">Select a CSV file to process</label>
+            <input class="form-control" type="file" id="formFile" name="file" accept=".csv">
+          </div>
+
+          <button type="submit" class="btn btn-primary">Submit</button>
         </form>
       </div>
     </main>