fix attachments alignment
frdel committed
Nov 17, 2025 at 13:57 UTC
8592c96a2d2d3cc21294fd0e1c06a8eb1d9a8efc
1 file changed
+5
-8
webui/index.css
+5
-8
@@ -431,15 +431,14 @@ h4 {
431
/* Message attachments with unified tile system */
432
.attachments-container {
433
margin-top: 0.75em;
434
- display: grid;
435
- grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
436
- gap: 12px;
434
+ display: flex;
435
+ flex-wrap: wrap;
436
+ gap: 8px;
437
+ justify-content: flex-end;
438
padding: var(--spacing-sm);
439
/* background-color: var(--color-input); */
440
border-radius: 8px;
440
- max-width: 600px; /* Limits to ~5 columns at 120px each */
441
overflow: visible;
442
- justify-items: end;
442
}
443
444
.attachment-item {
@@ -794,10 +793,8 @@ input:checked + .slider:before {
793
}
794
795
.attachments-container {
797
- grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
798
- gap: 8px;
796
+ gap: 6px;
797
padding: var(--spacing-xs);
800
- max-width: 300px; /* Limits to ~3 columns at 90px each */
798
}
799
800
.preview-item,