Add line-height to element component which can make use of it

Other elements do implement the interface but do nothing with the 
property. This make all the interface handling a lot easier at the cost 
of having useless variables in some contexts.

projects/common/element-components/checkbox.component.ts

@@ -18,7 +18,7 @@ import { CheckboxElement } from '../models/checkbox-element';
                     [style.font-weight]="elementModel.bold ? 'bold' : ''"
                     [style.font-style]="elementModel.italic ? 'italic' : ''"
                     [style.text-decoration]="elementModel.underline ? 'underline' : ''">
-        <div [innerHTML]="elementModel.label"></div>
+        <div [style.line-height.%]="elementModel.lineHeight" [innerHTML]="elementModel.label"></div>
       </mat-checkbox>
       <mat-error *ngIf="elementFormControl.errors && elementFormControl.touched"
                  class="error-message">

projects/common/element-components/compound-elements/likert.component.ts

@@ -13,6 +13,7 @@ import { LikertElementRow } from '../../models/compound-elements/likert-element-
          [style.color]="elementModel.fontColor"
          [style.font-family]="elementModel.font"
          [style.font-size.px]="elementModel.fontSize"
+         [style.line-height.%]="elementModel.lineHeight"
          [style.font-weight]="elementModel.bold ? 'bold' : ''"
          [style.font-style]="elementModel.italic ? 'italic' : ''"
          [style.text-decoration]="elementModel.underline ? 'underline' : ''"

projects/common/element-components/radio-button-group.component.ts

@@ -15,14 +15,16 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element';
          [style.font-weight]="elementModel.bold ? 'bold' : ''"
          [style.font-style]="elementModel.italic ? 'italic' : ''"
          [style.text-decoration]="elementModel.underline ? 'underline' : ''">
-      <label [innerHTML]="elementModel.label"
-             class="white-space-break"
-             id="radio-group-label"></label>
+      <label id="radio-group-label" class="white-space-break"
+             [innerHTML]="elementModel.label">
+      </label>
       <mat-radio-group aria-labelledby="radio-group-label"
                        [style.margin-bottom.px]="25"
                        [fxLayout]="elementModel.alignment"
                        [formControl]="elementFormControl">
-        <mat-radio-button *ngFor="let option of elementModel.options; let i = index" [value]="i">
+        <mat-radio-button *ngFor="let option of elementModel.options; let i = index"
+                          [value]="i"
+                          [style.line-height.%]="elementModel.lineHeight">
           {{option}}
         </mat-radio-button>
         <mat-error *ngIf="elementFormControl.errors && elementFormControl.touched"

projects/common/element-components/text-area.component.ts

@@ -21,6 +21,7 @@ import { TextAreaElement } from '../models/text-area-element';
                 autocomplete="off"
                 placeholder="{{elementModel.label}}"
                 [style.min-width.%]="100"
+                [style.line-height.%]="elementModel.lineHeight"
                 [style.resize]="elementModel.resizeEnabled ? 'both' : 'none'">
       </textarea>
       <mat-error *ngIf="elementFormControl.errors">

projects/common/element-components/text.component.ts

@@ -31,6 +31,7 @@ import { TextElement } from '../models/text-element';
       <div [style.background-color]="elementModel.backgroundColor"
            [style.color]="elementModel.fontColor"
            [style.font-family]="elementModel.font"
+           [style.line-height.%]="elementModel.lineHeight"
            [style.font-weight]="elementModel.bold ? 'bold' : ''"
            [style.font-style]="elementModel.italic ? 'italic' : ''"
            [style.text-decoration]="elementModel.underline ? 'underline' : ''"