diff --git a/styles.css b/styles.css index 4b3c6cb..62681e2 100644 --- a/styles.css +++ b/styles.css @@ -60,7 +60,6 @@ header { transition: background-color 0.2s ease, box-shadow 0.2s ease; } - .header-buttons button:hover { background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); @@ -139,7 +138,7 @@ header { #uploadProgressContainer .file-preview { width: 32px !important; height: 32px !important; - margin-right: 10px; + margin-right: 1px; flex-shrink: 0; } #uploadProgressContainer .file-preview img { @@ -252,9 +251,6 @@ header { background-color: #fb8c00; } - - - /* Material green style for Edit button in file list */ #fileList button.edit-btn { background-color: #4CAF50; @@ -329,7 +325,6 @@ label { display: none; } - /* Remove bottom margin from the form group */ .card-body .form-group { margin-bottom: 5px !important; diff --git a/upload.js b/upload.js index b049116..ed06f56 100644 --- a/upload.js +++ b/upload.js @@ -50,7 +50,7 @@ document.addEventListener("DOMContentLoaded", function () { const fileNameDiv = document.createElement("div"); fileNameDiv.textContent = file.name; fileNameDiv.style.flexGrow = "1"; - fileNameDiv.style.marginLeft = "10px"; + fileNameDiv.style.marginLeft = "5px"; fileNameDiv.style.wordBreak = "break-word"; const progressDiv = document.createElement("div"); diff --git a/utils.js b/utils.js index 8d2018b..6eaf12e 100644 --- a/utils.js +++ b/utils.js @@ -93,6 +93,7 @@ export function displayFilePreview(file, container) { const icon = document.createElement("i"); icon.className = "material-icons"; icon.style.fontSize = "32px"; + icon.style.color = "#555"; icon.textContent = "insert_drive_file"; container.appendChild(icon); } @@ -780,7 +781,7 @@ document.addEventListener("DOMContentLoaded", function () { const fileNameDiv = document.createElement("div"); fileNameDiv.textContent = file.name; fileNameDiv.style.flexGrow = "1"; - fileNameDiv.style.marginLeft = "10px"; + fileNameDiv.style.marginLeft = "5px"; fileNameDiv.style.wordBreak = "break-word"; const progressDiv = document.createElement("div"); progressDiv.classList.add("progress");