From 2dc5c6b2bed69d5de2300a20bd232f6c56aa2379 Mon Sep 17 00:00:00 2001
From: G2-Games <ke0bhogsg@gmail.com>
Date: Mon, 4 Nov 2024 06:08:18 -0600
Subject: [PATCH] CSS improvements during upload

---
 web/main.css   | 10 ++++++++--
 web/request.js |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/main.css b/web/main.css
index 4657101..1873549 100644
--- a/web/main.css
+++ b/web/main.css
@@ -143,11 +143,14 @@ h2 code {
 }
 
 #uploadedFilesDisplay p.file_name {
-    width: 50%;
     overflow: clip;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
+    flex-shrink: 2;
+    flex-basis: 100%;
+    min-width: 0;
+    max-width: 70%;
 }
 
 #uploadedFilesDisplay p.status {
@@ -161,6 +164,7 @@ h2 code {
     margin: auto 0;
     margin-left: auto;
     width: min-content;
+    min-width: 32px;
     flex-shrink: 2;
     display: block;
 }
@@ -177,8 +181,10 @@ h2 code {
 #uploadedFilesDisplay > div > progress {
     height: 20px;
     margin: auto;
-    flex-grow: 2;
     display: block;
+    width: 100%;
+    flex-shrink: 2;
+    max-width: 35%;
 }
 
 #uploadedFilesDisplay button {
diff --git a/web/request.js b/web/request.js
index a17f82d..ccff5d1 100644
--- a/web/request.js
+++ b/web/request.js
@@ -164,8 +164,8 @@ async function addNewToList(origFileName) {
     fileName.textContent = origFileName;
     fileName.classList.add("file_name");
     progressTxt.classList.add("status");
+    progressTxt.textContent = "⏳";
     progressBar.max="100";
-    progressBar.value="0";
 
     return [linkRow, progressBar, progressTxt];
 }