diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 6f89c06..e30eeb9 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -440,7 +440,7 @@ a.video-thumbnail-container img.product-main {
z-index: 10;
width: 80px;
height: 80px;
- background-color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(255, 0, 0, 0.4); /* red at 66/255 ~= 0.26, try 0.4 for 66% visibility */
border-radius: 50%;
display: grid;
place-items: center;
@@ -457,20 +457,14 @@ a.video-thumbnail-container img.product-main {
margin-left: 5px;
}
+.video-click-to-play {
+ text-align: center;
+ margin-top: 8px;
+ color: inherit;
+}
+
a.video-thumbnail-container:hover .video-play-overlay {
- background-color: rgba(0, 0, 0, 0.8);
-}
-
-[data-theme="dark"] .video-play-overlay {
- background-color: rgba(255, 255, 255, 0.2);
-}
-
-[data-theme="dark"] .video-play-overlay::after {
- border-color: transparent transparent transparent #ffffff;
-}
-
-[data-theme="dark"] a.video-thumbnail-container:hover .video-play-overlay {
- background-color: rgba(255, 255, 255, 0.35);
+ background-color: rgba(255, 0, 0, 0.6);
}
/* Prevent content sections from overflowing */
diff --git a/make_post_sell/templates/content.j2 b/make_post_sell/templates/content.j2
index cfe9097..bf0de7a 100644
--- a/make_post_sell/templates/content.j2
+++ b/make_post_sell/templates/content.j2
@@ -40,6 +40,7 @@