From 10456d984eb18fe62888fb14eee078c38b2ee131 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niklas=20M=C3=BCller?= <n.mueller@ffh.de>
Date: Fri, 8 Mar 2024 11:20:04 +0100
Subject: [PATCH] add icons to download buttons

---
 static/css/main.css           | 5 +++++
 templates/base.html           | 2 +-
 templates/partials/merge.html | 8 +++++++-
 templates/partials/split.html | 8 +++++++-
 4 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index ec7f68d..b08dae5 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2,6 +2,11 @@
     clear: both;
 }
 
+.download-button-icons {
+    margin-left: 0.2em;
+}
+
+
 /* The snackbar - position it at the bottom and in the middle of the screen */
 #snackbar {
     visibility: hidden; /* Hidden by default. Visible on click */
diff --git a/templates/base.html b/templates/base.html
index 1cebff9..85edf79 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -62,7 +62,7 @@
     <!-- https://getbootstrap.com/docs/5.3/examples/footers/# -->
     <footer class="py-3 my-4 border-top">
       <div class="container py-3">
-        <p class="text-center text-body-secondary text-muted">Developed with ♥ by <a href="https://github.com/tidoni/pdf-web-toolkit" target="_blank">Tidoni</a> (Niklas Müller)</p>
+        <p class="text-center text-body-secondary fw-light text-muted">Developed with ♥ by <a href="https://github.com/tidoni/pdf-web-toolkit" target="_blank">Tidoni</a></p>
       </div>
     </footer>
 
diff --git a/templates/partials/merge.html b/templates/partials/merge.html
index bbc9d3c..130d549 100644
--- a/templates/partials/merge.html
+++ b/templates/partials/merge.html
@@ -12,5 +12,11 @@
 <link href="{{ url_for('static', filename='css/merge.css') }}" rel="stylesheet">
 
 <div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons">
-    <button type="button" class="btn btn-outline-dark" id="btn_download_complete">Download merged PDFs</button>
+    <button type="button" class="btn btn-outline-dark" id="btn_download_complete">
+        Download merged PDFs&nbsp;
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download download-button-icons" viewBox="0 0 16 16">
+            <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
+            <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
+        </svg>
+    </button>
 </div>
\ No newline at end of file
diff --git a/templates/partials/split.html b/templates/partials/split.html
index 05cd41a..0dfbe6b 100644
--- a/templates/partials/split.html
+++ b/templates/partials/split.html
@@ -12,5 +12,11 @@
 <link href="{{ url_for('static', filename='css/split.css') }}" rel="stylesheet">
 
 <div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons">
-    <button type="button" class="btn btn-outline-dark" id="btn_download_singel_pages">Download Project as single Pages</button>    
+    <button type="button" class="btn btn-outline-dark" id="btn_download_singel_pages">
+        Download split PDF
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download download-button-icons" viewBox="0 0 16 16">
+            <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
+            <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
+        </svg>
+    </button>
 </div>
\ No newline at end of file