Audio: Remove superfluous wrapper-div from component

projects/common/components/media-elements/audio.component.ts

@@ -5,28 +5,28 @@ import { MediaPlayerElementComponent } from '../../directives/media-player-eleme
 @Component({
   selector: 'aspect-audio',
   template: `
-    <div [style.width.%]="100"
-         [style.height.%]="100">
-      <aspect-media-player-control-bar [player]="player" *ngIf="elementModel.src"
-                                       [project]="project"
-                                       [id]="elementModel.id"
-                                       [savedPlaybackTime]="savedPlaybackTime"
-                                       [playerProperties]="elementModel.player"
-                                       [active]="active"
-                                       [dependencyDissolved]="dependencyDissolved"
-                                       [backgroundColor]="elementModel.styling.backgroundColor"
-                                       (mediaValidStatusChanged)="mediaValidStatusChanged.emit($event)"
-                                       (elementValueChanged)="elementValueChanged.emit($event)">
-        <audio #player
-               (loadedmetadata)="isLoaded.next(true)"
-               (playing)="mediaPlayStatusChanged.emit(this.elementModel.id)"
-               (pause)="mediaPlayStatusChanged.emit(null)"
-               [style.width.%]="100"
-               [src]="elementModel.src | safeResourceUrl">
-        </audio>
-      </aspect-media-player-control-bar>
-      <aspect-spinner [isLoaded]="isLoaded"></aspect-spinner>
-    </div>
+    <aspect-media-player-control-bar [player]="player" *ngIf="elementModel.src"
+                                     [project]="project"
+                                     [id]="elementModel.id"
+                                     [savedPlaybackTime]="savedPlaybackTime"
+                                     [playerProperties]="elementModel.player"
+                                     [active]="active"
+                                     [dependencyDissolved]="dependencyDissolved"
+                                     [backgroundColor]="elementModel.styling.backgroundColor"
+                                     (mediaValidStatusChanged)="mediaValidStatusChanged.emit($event)"
+                                     (elementValueChanged)="elementValueChanged.emit($event)">
+      <audio #player
+             (loadedmetadata)="isLoaded.next(true)"
+             (playing)="mediaPlayStatusChanged.emit(this.elementModel.id)"
+             (pause)="mediaPlayStatusChanged.emit(null)"
+             [style.width.%]="100"
+             [src]="elementModel.src | safeResourceUrl">
+      </audio>
+    </aspect-media-player-control-bar>
+    <aspect-spinner [isLoaded]="isLoaded"></aspect-spinner>
+  `,
+  styles: `
+    :host {width: 100%; height: 100%;}
   `
 })
 export class AudioComponent extends MediaPlayerElementComponent {