diff --git a/styles.css b/styles.css index d727bc5..f02de12 100644 --- a/styles.css +++ b/styles.css @@ -335,13 +335,14 @@ body { 100% { transform: rotate(360deg); } } -.image-button-container { - display: flex; - gap: 8px; - margin-top: 8px; - flex-wrap: wrap; - z-index: 10; -} +.image-button-container { + display: flex; + gap: 8px; + margin-top: 8px; + flex-wrap: wrap; + z-index: 10; + position: relative; +} .image-button { background: #606060; @@ -827,18 +828,19 @@ body { border-radius: 4px; } -.screensaver-thumbnails img.thumbnail { - width: 160px; - height: 90px; - object-fit: cover; - cursor: pointer; - border: 3px solid transparent; - border-radius: 8px; - transition: border 0.3s, transform 0.2s; - flex-shrink: 0; - display: inline-block; - opacity: 1; -} +.screensaver-thumbnails img.thumbnail { + width: 160px; + height: 90px; + object-fit: cover; + cursor: pointer; + border: 3px solid transparent; + border-radius: 8px; + transition: border 0.3s, transform 0.2s; + flex-shrink: 0; + display: inline-block; + opacity: 1; + position: static; +} .screensaver-thumbnails img.thumbnail:hover { border: 3px solid #00ffcc; diff --git a/stylesScreensaver.css b/stylesScreensaver.css index eb1fe4f..d36546c 100644 --- a/stylesScreensaver.css +++ b/stylesScreensaver.css @@ -63,6 +63,7 @@ flex-shrink: 0; display: inline-block; opacity: 1; + position: static; } .screensaver-controls {