MDL-64450 mod_lesson: Update the css for lesson forms

* Reduce the width for the mediaplugin when displayed in forms
* Correct the css to exclude mediaplugin when applying styles

theme/boost/scss/moodle/forms.scss

@@ -169,6 +169,11 @@ div.backup-section + form {
     direction: ltr;
 }
 
+// Reduce the mediaplugin width when using inside forms.
+.que.match .mediaplugin {
+    width: 50vw;
+}
+
 /* rtl:ignore */
 #page-admin-grade-edit-scale-edit .error input#id_name {
     margin-right: 170px;

theme/boost/style/moodle.css

@@ -15116,6 +15116,9 @@ div.backup-section + form {
   text-align: left;
   direction: ltr; }
 
+.que.match .mediaplugin {
+  width: 50vw; }
+
 /* rtl:ignore */
 #page-admin-grade-edit-scale-edit .error input#id_name {
   margin-right: 170px; }

theme/bootstrapbase/less/moodle/forms.less

@@ -48,17 +48,23 @@ form {
     display: none;
 }
 
+// MDL-63512 Override to handle issues in clean where the video styling is off.
 .mform .fitem .fitemtitle {
-    div {
+    & > div:not(.mediaplugin) div {
         display: inline;
     }
 
-    // MDL-63512 Override to handle issues in clean where the video styling is off.
-    .mediaplugin,
-    .mediaplugin div {
-        display: block;
+    // MDL-64450 Override for videos so they don't appear off the screen.
+    .mediaplugin > div {
+        margin: 0;
     }
 }
+
+// Reduce the mediaplugin width when using inside forms.
+.que.match .mediaplugin {
+    width: 50vw;
+}
+
 #adminsettings .error,
 .loginpanel .error,
 .mform .error {

theme/bootstrapbase/style/moodle.css

@@ -16591,12 +16591,14 @@ form {
 .jsenabled .mform .collapsed .fcontainer {
   display: none;
 }
-.mform .fitem .fitemtitle div {
+.mform .fitem .fitemtitle > div:not(.mediaplugin) div {
   display: inline;
 }
-.mform .fitem .fitemtitle .mediaplugin,
-.mform .fitem .fitemtitle .mediaplugin div {
-  display: block;
+.mform .fitem .fitemtitle .mediaplugin > div {
+  margin: 0;
+}
+.que.match .mediaplugin {
+  width: 50vw;
 }
 #adminsettings .error,
 .loginpanel .error,