rearrange div elements

This commit is contained in:
Tim Herbst 2020-12-26 11:06:32 +01:00
parent d3f40f994c
commit b19da0c819
4 changed files with 12 additions and 13 deletions

View File

@ -102,13 +102,13 @@
</div>
<div class="container-borrow-duration" fxLayout="row" fxLayoutAlign="center">
<mat-card fxFlex="90%" fxLayout="column"
<mat-card fxFlex="85%" fxLayout="column"
>
<mat-card-header>
<mat-card-title>Borrow Duration</mat-card-title>
</mat-card-header>
<mat-card-content fxFlex fxLayout="row" fxLayoutAlign="center">
<div fxFlex="80%" fxLayout="column" id="Station-Dashboard-Borrow-Duration">
<div fxFlex="90%" id="Station-Dashboard-Borrow-Duration">
<apx-chart
[chart]="durationChartOptions.chart"
[dataLabels]="durationChartOptions.dataLabels"

View File

@ -33,13 +33,17 @@ mat-sidenav-container, mat-sidenav-content, mat-sidenav {
}
.mat-card {
padding: 1em 1em 1em;
margin: 3em;
padding: 1px 1px 1px;
margin: 2em;
}
.mat-card-map {
padding: 1px;
}
.mat-card-title {
margin-top: 1em;
}
.mat-card-header {
display: flex;
justify-content: center;

View File

@ -9,8 +9,8 @@
Wiki</a>
</mat-toolbar>
<div class="map-container">
<div class="map-frame">
<div class="map-container" fxLayout="row">
<div class="map-frame" fxFill>
<div id="map" ></div>
</div>
</div>

View File

@ -8,13 +8,8 @@
flex: 1 1 auto;
}
.mat-toolbar {
height: 4%
}
.map-container {
margin: 10px;
height: 94%;
height: 95%;
}
.map-frame {