diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index fb1ca76..a70281e 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -1606,9 +1606,43 @@ section.upload-thumbnails { .upload-thumbnails-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: var(--space-4, 16px); margin-top: var(--space-4, 16px); + align-items: stretch; +} + +.upload-thumbnails-grid .upload-thumbnail-item { + display: flex; + flex-direction: column; + gap: var(--space-2, 8px); + padding: var(--space-3, 12px); + background: var(--surface-dim, #f9f9fa); + border: 1px solid var(--color-border, #eee); + border-radius: var(--radius-md, 8px); + min-width: 0; +} + +.upload-thumbnails-grid .upload-thumbnail-item .edit-media-preview { + width: 100%; + max-width: 100%; + height: 140px; + object-fit: contain; + background: var(--surface, #fff); + border-radius: var(--radius-sm, 4px); +} + +.upload-thumbnails-grid .upload-thumbnail-item p.bold-text { + word-break: break-word; + margin: 0; +} + +.upload-thumbnails-grid .upload-thumbnail-item form { + margin-top: auto; +} + +.upload-thumbnails-grid .upload-thumbnail-item hr { + display: none; } section.windows-95-task-bar {