From bf0ffd0bdbc281f4f7319bc57d7a90275e5a08a8 Mon Sep 17 00:00:00 2001
From: Christian Bastian <bastian.43@osu.edu>
Date: Wed, 28 Feb 2024 14:39:26 -0500
Subject: [PATCH] Fix file input overflowing on moblie.

---
 web/model-manager.css | 3 ++-
 web/model-manager.js  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/model-manager.css b/web/model-manager.css
index 79f81bf..df5109d 100644
--- a/web/model-manager.css
+++ b/web/model-manager.css
@@ -49,7 +49,7 @@
 }
 
 .model-manager input[type="file"] {
-	flex: 1;
+    width: 100%;
 }
 
 .model-manager button,
@@ -235,6 +235,7 @@
 
 .model-manager [data-name="Download"] summary {
     padding: 16px;
+    word-wrap: break-word;
 }
 
 .model-manager [data-name="Download"] .download-settings {
diff --git a/web/model-manager.js b/web/model-manager.js
index fcfc111..bfe54b9 100644
--- a/web/model-manager.js
+++ b/web/model-manager.js
@@ -473,7 +473,7 @@ class ImageSelect {
                 }
             },
         });
-        const el_upload = $el("div", {
+        const el_upload = $el("div.row.tab-header-flex-block", {
             $: (el) => (this.elements.upload = el),
             style: { display: "none" },
         }, [