Update app.py

app.py

@@ -118,8 +118,8 @@ HTML_CONTENT = """
 
         /* Small Buttons */
         .small-btn {
-            padding: 8px 16px;
-            font-size: 0.9rem;
+            padding: 6px 12px;
+            font-size: 0.8rem;
             font-weight: 500;
             background-color: #2a2a2a;
             color: #ffffff;
@@ -130,7 +130,7 @@ HTML_CONTENT = """
             position: relative;
             overflow: hidden;
             z-index: 1;
-            margin-left: 5px;
+            margin: 0 2px;
         }
 
         .small-btn:hover {
@@ -260,6 +260,7 @@ HTML_CONTENT = """
 
         .link-buttons {
             display: flex;
+            justify-content: center;
             flex-wrap: wrap;
             margin-top: 10px;
         }
@@ -409,6 +410,7 @@ HTML_CONTENT = """
         const modal = document.getElementById('embedModal');
         const span = document.getElementsByClassName("close")[0];
         const embedLinkInput = document.getElementById('embedLink');
+        const uploadBtn = document.getElementById('uploadBtn');
 
         fileInput.addEventListener('change', handleFileSelect);
 
@@ -419,7 +421,7 @@ HTML_CONTENT = """
             }
         });
 
-        dropZone.addEventListener('dragover', (e) => {
+                dropZone.addEventListener('dragover', (e) => {
             e.preventDefault();
             dropZone.classList.add('drag-over');
         });
@@ -459,7 +461,7 @@ HTML_CONTENT = """
             if (e.target.files.length > 0) {
                 const file = e.target.files[0];
                 fileName.textContent = file.name;
-                document.getElementById('uploadBtn').style.display = 'inline-block';
+                uploadBtn.style.display = 'inline-block';
             }
         }
 
@@ -467,7 +469,7 @@ HTML_CONTENT = """
             progressContainer.innerHTML = '';
             progressContainer.style.display = 'block';
             loadingSpinner.style.display = 'block';
-            document.getElementById('uploadBtn').disabled = true;
+            uploadBtn.disabled = true;
             resultContainer.innerHTML = '';
             resultContainer.style.display = 'none';
 
@@ -526,8 +528,8 @@ HTML_CONTENT = """
         function resetUploadState() {
             fileInput.value = '';
             fileName.textContent = '';
-            document.getElementById('uploadBtn').style.display = 'none';
-            document.getElementById('uploadBtn').disabled = false;
+            uploadBtn.style.display = 'none';
+            uploadBtn.disabled = false;
             loadingSpinner.style.display = 'none';
         }