From 4aff33467764484efcd30726bf9189f37aee0c43 Mon Sep 17 00:00:00 2001
From: Booteille <booteille@protonmail.com>
Date: Thu, 5 Dec 2024 20:05:50 +0100
Subject: [PATCH] Fix mobile view

---
 themes/default/public/js/upload.js     | 2 +-
 themes/default/templates/index.html.ep | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/themes/default/public/js/upload.js b/themes/default/public/js/upload.js
index 4170463..0f76227 100644
--- a/themes/default/public/js/upload.js
+++ b/themes/default/public/js/upload.js
@@ -503,7 +503,7 @@ document.addEventListener("DOMContentLoaded", () => {
     const maxSizeDOM = document.createElement("span");
     maxSizeDOM.innerText = i18n.maxSize.replace("XXX", filesize(maxSize));
 
-    maxSizeDOM.classList.add("is-size-5");
+    maxSizeDOM.classList.add("is-size-5", "is-size-6-mobile");
 
     document
       .querySelector("#upload-box .file-cta .file-label")
diff --git a/themes/default/templates/index.html.ep b/themes/default/templates/index.html.ep
index 5ebe87a..c356193 100644
--- a/themes/default/templates/index.html.ep
+++ b/themes/default/templates/index.html.ep
@@ -26,9 +26,9 @@
                     <span class="icon fas fa-circle-plus"></span>
                   </span>
                   <div class="file-label has-text-centered is-gap-3">
-                    <span class="is-size-3"><%= l('Drop files here') %></span>
-                    <span class="is-size-5"><%= l('or') %></span> 
-                    <button type="button" id="upload-zone-button" class="button m-auto is-primary" tabindex=-1><%= l('Click to open the file browser') %></button>
+                    <span class="is-size-3 is-size-5-mobile"><%= l('Drop files here') %></span>
+                    <span class="is-size-5 is-hidden-mobile"><%= l('or') %></span> 
+                    <button type="button" id="upload-zone-button" class="button m-auto is-primary is-hidden-mobile" tabindex=-1><%= l('Click to open the file browser') %></button>
                   </div>
                 </div>
 
@@ -177,7 +177,7 @@
         </div>
       </div>
     % }
-    
+
       <div id="uploaded-files" class="block">
       </div>
     </div>