Style fix for the detailed galery view.

Web/templates/library_table.html

@@ -451,30 +451,35 @@
         height: 100%;
     }
 
+
     .detail-gallery-container {
-        display: grid;
+        display: flex;
-        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
+        flex-wrap: wrap;
-        gap: 12px;
+        gap: 15px;
-        margin: 15px 0 20px 0; /* Abstand oben und unten unter dem Titel */
+        margin: 15px 0 20px 0;
         width: 100%;
+        align-items: center;
     }
 
     .item-image-wrapper {
-        position: relative;
+        background-color: #f8fafc;
-        width: 100%;
+        border: 1px solid #e2e8f0;
-        height: 130px; /* Feste Höhe verhindert das Kollabieren im Modal! */
         border-radius: 8px;
-        overflow: hidden;
+        padding: 6px;
-        background-color: #f3f4f6;
+        display: inline-flex;
-        border: 1px solid #e5e7eb;
+        align-items: center;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        justify-content: center;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
     }
 
     .item-image {
-        width: 100%;
+        max-width: 160px;
-        height: 100%;
+        max-height: 200px;
-        object-fit: cover; /* Passt das Bild perfekt ein, ohne es zu verzerren */
+        width: auto;
+        height: auto;
         display: block;
+        object-fit: contain;
+        border-radius: 4px;
     }
 </style>