src/ng/pages/database/database.component.html

<p3xr-database-header></p3xr-database-header>

<div *ngIf="!isXs">
            <p3xr-database-treecontrol-controls id="p3xr-database-treecontrol-controls-container"></p3xr-database-treecontrol-controls>
            <p3xr-database-tree id="p3xr-database-treecontrol-container"></p3xr-database-tree>
            <div id="p3xr-database-content-sizer" role="separator" aria-orientation="vertical" aria-label="Resize panels"
                 [class.p3xr-resizer-active]="resizeClicked"></div>
            <div id="p3xr-database-content-container">
                <router-outlet></router-outlet>
            </div>
        </div>

<div *ngIf="isXs" style="display: flex; flex-direction: column;">
            <p3xr-database-treecontrol-controls style="flex: 1;"></p3xr-database-treecontrol-controls>
            <p3xr-database-tree style="flex: 1;" id="p3xr-database-treecontrol-container-directive-small"></p3xr-database-tree>
            <div style="flex: 1;">
                <router-outlet></router-outlet>
            </div>
        </div>

</div>

`/`	Focus search
`?`	Show this help
`Esc`	Unfocus input