429 support and other fixes

src/css/dvwebloader.css

@@ -104,3 +104,52 @@ h1 {
    border-width: 2px;
    border-style: solid;
 }
+
+#refreshDataset {
+  float:right;
+}
+.button {
+  font-size:16px;
+}
+
+.pending {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    background-color: #f8f9fa;
+    border-left: 4px solid #007bff;
+    margin: 10px 0;
+}
+
+.spinner {
+    border: 3px solid rgba(0, 0, 0, 0.1);
+    border-radius: 50%;
+    border-top: 3px solid #007bff;
+    width: 20px;
+    height: 20px;
+    margin-right: 10px;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.button-flex-container {
+    display: flex;
+    justify-content: space-between;
+    margin: 10px 0;
+    min-height: 40px;
+}
+
+.button-left {
+    display: flex;
+    align-items: center;
+}
+
+.button-right {
+    display: flex;
+    align-items: center;
+    gap: 10px; /* Space between buttons */
+}

src/dvwebloader.html

@@ -21,7 +21,13 @@ <h1><span id="title-text">Folder Upload</span></h1>
             <hr class='solid'>
 
             <div id="top">
-                <label for='files' class='button'><span id="select-dir-text">Select a Directory</span><input type="file" id="files" name="files[]" multiple webkitdirectory style="display: none" /></label>
+                <div id='button-container' class='button-flex-container'>
+                    <div class='button-left'>
+                        <label for='files' class='button'><span id="select-dir-text">Select a Directory</span><input type="file" id="files" name="files[]" multiple webkitdirectory style="display: none" /></label>
+                    </div>
+                    <div class='button-right'>
+                    </div>
+                </div>
                 <div id='messages'></div>
                 <div id='content-warnings'></div>
             </div>