From 98f58e8672ea25e3ad0b4c9f0efcaa194b312054 Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Wed, 23 Aug 2023 12:15:35 +0530
Subject: [PATCH] Download button styling on mobile

---
 ui/index.html         | 2 +-
 ui/media/css/main.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/index.html b/ui/index.html
index 4cac4ae4..2fe11cb4 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -432,7 +432,7 @@
             <div id="preview-content">
                 <div id="preview-tools" class="displayNone">
                     <button id="clear-all-previews" class="secondaryButton"><i class="fa-solid fa-trash-can icon"></i> Clear All</button>
-                    <button class="tertiaryButton" id="show-download-popup"><i class="fa-solid fa-download"></i> Download images</button>
+                    <button class="tertiaryButton" id="show-download-popup"><i class="fa-solid fa-download"></i><span> Download images</span></button>
                     <div class="display-settings">
                         <button id="undo" class="displayNone primaryButton">
                             Undo <i class="fa-solid fa-rotate-left icon"></i>
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 8fe59882..85822da5 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -1116,6 +1116,9 @@ input::file-selector-button {
     #preview-tools button .icon {
         font-size: 12pt;
     }
+    #show-download-popup .fa-solid {
+        font-size: 12pt;
+    }
 }
 
 @media screen and (max-width: 500px) {