Fix fixed sized element positioning

Section was picking up the size of children elements. With relative it 
works.

projects/common/ui-elements/button/button.component.ts

@@ -33,7 +33,7 @@ import { ButtonElement } from './button-element';
   styles: [
     '.dynamic-image {width: 100%; height: fit-content}',
     '.static-image {width: 100%; height: 100%; object-fit: contain}',
-    '.center-content {position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
+    '.center-content {position: relative; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
   ]
 })
 export class ButtonComponent extends ElementComponent {

projects/common/ui-elements/drop-list/drop-list.component.ts

@@ -87,7 +87,7 @@ import { DragNDropValueObject } from '../../models/uI-element';
     '.dropList-highlight.cdk-drop-list-dragging {border: solid;}',
 
     '.align-flex {flex: 1 1 auto; flex-flow: row wrap; display: flex; place-content: center space-around; gap: 10px}',
-    '.center-content {position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
+    '.center-content {position: relative; top: 0; bottom: 0; left: 0;right: 0; margin: auto;}'
   ]
 })
 export class DropListComponent extends FormElementComponent {