[player] Show background color for dynamic sections

docs/release-notes-player.txt

 Player
 ======
+1.5.0
+ - Show the magnifier only when the mouse is over the image
+ - Fix saving of inputs via the virtual keyboard
+ - Show background color for dynamic sections
+
 1.4.1
   - Make text underlinable
   - Fix marking of text

projects/player/src/app/components/page/page.component.css

+.section{
+  position: relative;
+  display: block;
+  overflow: auto;
+  width: 100%
+}

projects/player/src/app/components/page/page.component.html

@@ -3,17 +3,13 @@
      [intersectionContainer]="pagesContainer"
      (intersecting)="onIntersection()">
   <app-section *ngFor="let section of page.sections; let i = index"
+               class="section"
                [pageIndex] = parentArrayIndex
                [parentForm]="pageForm"
                [parentArrayIndex]="i"
                [section]="section"
-               [ngStyle]="{
-                  position: 'relative',
-                  display: section.dynamicPositioning ? 'contents' : 'block',
-                  overflow: 'auto',
-                  width: '100%',
-                  'background-color': section.backgroundColor,
-                  'min-height': section.dynamicPositioning ? 'auto' : section.height + 'px'}">
+               [style.backgroundColor]="section.backgroundColor"
+               [style.minHeight]=" section.dynamicPositioning ? 'auto' : section.height + 'px'">
   </app-section>
 </div>
 <div appIntersectionDetection

projects/player/src/app/components/page/page.component.ts

@@ -8,7 +8,8 @@ import { Page } from '../../../../../common/models/page';
 
 @Component({
   selector: 'app-page',
-  templateUrl: './page.component.html'
+  templateUrl: './page.component.html',
+  styleUrls: ['./page.component.css']
 })
 
 export class PageComponent implements OnInit {