Fix play button shifting with flex layout adjustments

This commit is contained in:
Jarian Cottingham 2026-02-21 15:44:53 -06:00
parent 5852ec908d
commit d51d85836f
2 changed files with 2 additions and 1 deletions

View File

@ -250,6 +250,7 @@
align-items: center;
opacity: 0.7;
transition: opacity 0.2s;
min-width: 0; /* Prevent flex items from overflowing */
}
.file-item:hover .file-tags {

View File

@ -90,7 +90,7 @@ function displayFiles(files) {
<span class="tag-icon extra-tag" data-file-path="${file.path}" title="Mark as Extra">🏷</span>
<span class="tag-icon commentary-tag" data-file-path="${file.path}" title="Add Commentary">💬</span>
<span class="video-preview-btn" data-file-path="${file.path}" title="Preview Video">🎬</span>
<button class="play-button" style="visibility: hidden; width: 0; margin: 0; padding: 0;" data-file-path="${file.path}"></button>
<button class="play-button" style="visibility: hidden; width: 0; margin: 0; padding: 0; flex-shrink: 0;" data-file-path="${file.path}"></button>
</div>
`;