delete button

Author: sgebb

src/Layout/NavMenu.razor

@@ -454,12 +454,12 @@
 
         // Delete button
         __builder.OpenElement(26, "button");
-        __builder.AddAttribute(27, "class", "btn btn-sm btn-outline-danger folder-delete-btn");
+        __builder.AddAttribute(27, "class", "btn-link text-danger folder-delete-btn");
         __builder.AddAttribute(28, "onclick", EventCallback.Factory.Create(this, () => NavState.ShowDeleteFolderConfirmation(folderId, folderName)));
         __builder.AddEventStopPropagationAttribute(29, "onclick", true);
         __builder.AddAttribute(30, "title", "Delete folder");
         __builder.OpenElement(31, "i");
-        __builder.AddAttribute(32, "class", "bi bi-x-lg");
+        __builder.AddAttribute(32, "class", "bi bi-trash-fill");
         __builder.CloseElement();
         __builder.CloseElement();
 

src/wwwroot/css/custom-theme.css

@@ -505,6 +505,29 @@ a:hover,
     background-color: rgba(239, 68, 68, 0.1) !important;
 }
 
+.folder-delete-btn {
+    color: #ef4444 !important;
+    width: 28px;
+    height: 28px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 !important;
+    border: none;
+    background: transparent;
+    text-decoration: none;
+    border-radius: 4px;
+    transition: background-color 0.15s ease, opacity 0.2s ease;
+    opacity: 0.6;
+    font-size: 0.85rem;
+}
+
+.folder-delete-btn:hover {
+    color: #f87171 !important;
+    background-color: rgba(239, 68, 68, 0.1) !important;
+}
+
+
 .user-section {
     color: var(--text-color);
     border-radius: 8px;