VA-523 mmc review fixes (#79)

* VA-523 reset padding on buttons

* VA-523 handle undefined options

Author: wwalmnes

src/scripts/h5p-multi-media-choice.js

@@ -24,9 +24,11 @@ export default class MultiMediaChoice extends H5P.Question {
     this.params = Util.extendParams(params);
 
     // Override subcontent params
-    for (const option of this.params.options) {
-      if (option.media?.library?.includes('H5P.Audio')) {
-        option.media.params.fitToWrapper = false; // VA-523: prevent warped button
+    if (Array.isArray(this.params?.options)) {
+      for (const option of this.params.options) {
+        if (option.media?.library?.includes('H5P.Audio')) {
+          option.media.params.fitToWrapper = false; // VA-523: prevent warped button
+        }
       }
     }
 

src/styles/h5p-multi-media-choice.scss

@@ -167,6 +167,7 @@
     bottom: 0;
     right: 0;
     margin: 0.5em;
+    padding: 0;
     width: $button-size;
     height: $button-size;
     display: flex;
@@ -252,6 +253,7 @@
           display: flex;
           justify-content: center;
           align-items: center;
+          padding: 0;
 
           @container h5p-mmc-modal-container (width < 480px) {
             right: 0;