From d213746bd26facab8c3a93f8a5dca5e4032a4aa1 Mon Sep 17 00:00:00 2001
From: Lars <Lars@stommer.de>
Date: Thu, 7 May 2026 21:42:10 +0200
Subject: [PATCH] fix: update media card positioning and styles

- Removed unnecessary positioning styles from media library card types.
- Added a new style for the thumbnail card type to adjust its position.
- Updated the MediaLibraryPage component to apply the new thumbnail style conditionally based on the compact view.
---
 frontend/src/app.css                    | 9 +++++++--
 frontend/src/pages/MediaLibraryPage.jsx | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 7646ae4..1df0845 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -5580,8 +5580,6 @@ a.analysis-split__nav-item {
 }
 .media-library__card-type {
   position: absolute;
-  left: 6px;
-  top: 6px;
   z-index: 2;
   display: inline-flex;
   align-items: center;
@@ -5594,11 +5592,18 @@ a.analysis-split__nav-item {
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
   pointer-events: none;
 }
+/* Kachel: unten links — Checkbox liegt oben links */
+.media-library__card-type--thumb-bl {
+  left: 6px;
+  bottom: 6px;
+  top: auto;
+}
 .media-library__card-type--compact {
   width: 22px;
   height: 22px;
   left: 3px;
   top: 3px;
+  bottom: auto;
   border-radius: 6px;
 }
 .media-library__card-copyright {
diff --git a/frontend/src/pages/MediaLibraryPage.jsx b/frontend/src/pages/MediaLibraryPage.jsx
index 3949372..8d381af 100644
--- a/frontend/src/pages/MediaLibraryPage.jsx
+++ b/frontend/src/pages/MediaLibraryPage.jsx
@@ -217,7 +217,7 @@ function MediaTypeGlyph({ mimeType, compact }) {
   const sz = compact ? 12 : 14
   return (
     <span
-      className={`media-library__card-type${compact ? ' media-library__card-type--compact' : ''}`}
+      className={`media-library__card-type${compact ? ' media-library__card-type--compact' : ' media-library__card-type--thumb-bl'}`}
       title={label}
       aria-label={`Medientyp: ${label}`}
     >