syncthing/src/app/dashboard/dashboard.component.html

<!--<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
  gdGap="16px" gdRows="auto auto auto"> -->
<!--<div class="grid-container" fxLayout="row" fxLayoutGap="16px grid" fxLayoutAlign="stretch">-->
<div class="header" fxLayout="row" fxLayoutAlign="space-between center">
  <div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="start center">
    <img src="assets/logo-horizontal.svg" width="150px" />
    <span>Tech UI</span>
  </div>
</div>
<div fxLayout="column" fxLayoutGap="16px" class="grid-container">
  <div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
    <app-chart [type]=folderChart fxFlex="50"></app-chart>
    <app-chart [type]=deviceChart fxFlex="50"></app-chart>
  </div>
  <app-status-list gdArea="status-list"></app-status-list>
  <div></div>
</div>