feat(video): align subtitles to left

CHANGELOG.md

@@ -8,6 +8,7 @@ Here I will outline the changes I've made over time...
 - Fixed the highlight_current_modules.js script not doing anything sometimes (the window load event was not being fired).
 - Fixed a subtle animation bug when hovering on 1st semester courses.
 - Fixed the appearance (height) of the `:focus` ring on module cards.
+- Subtitles in videos are now left-aligned instead of centered.
 
 ### 20240119
 

main.css

@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240122.02.00
+@version        20240122.03.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192
@@ -1620,6 +1620,8 @@
     display: inline-block !important;
     max-width: 20em !important;
     padding: 0 1em !important;
+    text-align: start;
+    text-wrap: pretty;
     font-family: var(--fonts-body) !important;
   }
   /* in fullscreen, use a better scaling algorithm */

styles/_version.scss

@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240122.02.00
+@version        20240122.03.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192

styles/_video.manchester.ac.uk.scss

@@ -151,6 +151,8 @@ video,
     display: inline-block !important;
     max-width: 20em !important;
     padding: 0 1em !important;
+    text-align: start;
+    text-wrap: pretty;
 
     @include fonts-body;
 }