Merge pull request #497 from TechnologyEnhancedLearning/Develop/Features/TD-4185-Correct-play-button-boundaries

akdalin-hee · web-flow · commit 738f510bb3d2 · 2024-08-23T14:46:08.000+01:00
Contain video play button centered within parent boundaries
diff --git a/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/resource.scss b/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/resource.scss
@@ -17,6 +17,11 @@
 // Resource content section -----------------------------------------
 #mediacontainer .azuremediaplayer {
     border: 1px solid $nhsuk-grey-light;
+
+    button.vjs-big-play-button:before {
+        width: 60%;
+    }
+
 }
 
 .image-container {
