Add 30px default bottom-margin to likert and radio

projects/common/ui-elements/likert/likert-element.ts

@@ -37,8 +37,15 @@ export class LikertElement extends CompoundElement implements PositionedElement,
 
     this.height = serializedElement.height || 200;
     this.width = serializedElement.width || 250;
+    if (serializedElement.marginBottom !== undefined) {
+      this.positionProps.marginBottom = serializedElement.marginBottom;
+    } else if (serializedElement.positionProps?.marginBottom !== undefined) {
+      this.positionProps.marginBottom = serializedElement.positionProps.marginBottom;
+    } else {
+      this.positionProps.marginBottom = 30;
+    }
     this.surfaceProps.backgroundColor =
-      (serializedElement as unknown as SurfaceElement).surfaceProps.backgroundColor as string ||
+      (serializedElement as unknown as SurfaceElement).surfaceProps?.backgroundColor as string ||
       serializedElement.backgroundColor as string ||
       'transparent';
   }

projects/common/ui-elements/radio/radio-button-group-element.ts

@@ -26,6 +26,13 @@ export class RadioButtonGroupElement extends InputElement implements PositionedE
     this.surfaceProps = initSurfaceElement(serializedElement);
 
     this.height = serializedElement.height || 85;
+    if (serializedElement.marginBottom !== undefined) {
+      this.positionProps.marginBottom = serializedElement.marginBottom;
+    } else if (serializedElement.positionProps?.marginBottom !== undefined) {
+      this.positionProps.marginBottom = serializedElement.positionProps.marginBottom;
+    } else {
+      this.positionProps.marginBottom = 30;
+    }
     this.surfaceProps.backgroundColor =
       serializedElement.surfaceProps?.backgroundColor as string ||
       serializedElement.backgroundColor as string ||