Fix likert headings alignment

No unused space around images and image an text below each each other.

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

@@ -23,20 +23,19 @@ import { CompoundElementComponent } from './compound-element.directive';
          [style.font-weight]="elementModel.bold ? 'bold' : ''"
          [style.font-style]="elementModel.italic ? 'italic' : ''"
          [style.text-decoration]="elementModel.underline ? 'underline' : ''">
-        <div *ngFor="let column of elementModel.columns; let i = index" class="columns"
+        <div *ngFor="let column of elementModel.columns; let i = index"
+             class="columns" fxLayout="column" fxLayoutAlign="end center"
              [style.grid-column-start]="2 + i"
              [style.grid-column-end]="3 + i"
              [style.grid-row-start]="1"
              [style.grid-row-end]="2">
           <img *ngIf="column.imgSrc && column.position === 'above'"
                [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder"
-               [style.object-fit]="'scale-down'"
-               [width]="200">
+               [style.object-fit]="'scale-down'">
           {{column.text}}
           <img *ngIf="column.imgSrc && column.position === 'below'"
                [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder"
-               [style.object-fit]="'scale-down'"
-               [width]="200">
+               [style.object-fit]="'scale-down'">
         </div>
 
       <ng-container *ngFor="let row of elementModel.rows; let i = index">