diff --git a/Web/templates/library_borrowings_admin.html b/Web/templates/library_borrowings_admin.html index a96bfe6..0f27078 100644 --- a/Web/templates/library_borrowings_admin.html +++ b/Web/templates/library_borrowings_admin.html @@ -122,7 +122,7 @@ letter-spacing: 0.04em; color: #64748b; background: var(--ui-surface-soft); - user-select: none; /* Verhindert Textmarkierung beim Klicken */ + user-select: none; } .library-table tr:hover td { @@ -151,7 +151,7 @@ .badge-open { background: #fee2e2; color: #991b1b; } .badge-paid { background: #dcfce7; color: #166534; } .badge-damaged { background: #fee2e2; color: #991b1b; } - .badge-class { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; } /* Neues Badge für Klasse */ + .badge-class { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; } .row-actions { display: flex; @@ -168,6 +168,32 @@ white-space: nowrap; } + .row-actions .btn-outline-danger { + color: #dc2626; + background-color: #fef2f2; /* Light red tint so it doesn't blend into the white table */ + border: 2px solid #dc2626; /* Thicker, clear border */ + padding: 6px 14px; + border-radius: 6px; + font-weight: bold; + font-size: 0.85rem; + cursor: pointer; + box-shadow: 0 2px 4px rgba(220, 38, 38, 0.1); /* Subtle shadow for depth */ + transition: all 0.2s ease; + } + + .row-actions .btn-outline-danger:hover { + background-color: #dc2626; + color: #ffffff; + box-shadow: 0 4px 8px rgba(220, 38, 38, 0.25); + transform: translateY(-1px); /* Slight lift effect on hover */ + } + + .row-actions .btn-outline-danger:active { + transform: translateY(0); + box-shadow: 0 1px 2px rgba(220, 38, 38, 0.15); /* Pressed state */ + } + /* ------------------------------------------------------ */ + .muted { color: #6b7280; font-size: 0.92rem;