hft-informatik/geovisualisierung
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rearrange div elements

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/project-3/frontend/src/app/dashboard/dashboard.component.html
View File

@ -102,13 +102,13 @@
</div> </div>
<div class="container-borrow-duration" fxLayout="row" fxLayoutAlign="center"> <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-header>
<mat-card-title>Borrow Duration</mat-card-title> <mat-card-title>Borrow Duration</mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content fxFlex fxLayout="row" fxLayoutAlign="center"> <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 <apx-chart
[chart]="durationChartOptions.chart" [chart]="durationChartOptions.chart"
[dataLabels]="durationChartOptions.dataLabels" [dataLabels]="durationChartOptions.dataLabels"

8
projects/project-3/frontend/src/app/dashboard/dashboard.component.scss
View File

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

4
projects/project-3/frontend/src/app/map/map.component.html
View File

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

7
projects/project-3/frontend/src/app/map/map.component.scss
View File

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