rearrange div elements
This commit is contained in:
parent
d3f40f994c
commit
b19da0c819
@ -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"
|
||||
|
@ -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;
|
||||
|
@ -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>
|
||||
|
@ -8,13 +8,8 @@
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.mat-toolbar {
|
||||
height: 4%
|
||||
}
|
||||
|
||||
.map-container {
|
||||
margin: 10px;
|
||||
height: 94%;
|
||||
height: 95%;
|
||||
}
|
||||
|
||||
.map-frame {
|
||||
|
Loading…
Reference in New Issue
Block a user