From b19da0c819c1dee6f4d13784eb557ffcf7a35695 Mon Sep 17 00:00:00 2001
From: Tim Herbst <tim.herbst@adesso.de>
Date: Sat, 26 Dec 2020 11:06:32 +0100
Subject: [PATCH] rearrange div elements

---
 .../frontend/src/app/dashboard/dashboard.component.html   | 4 ++--
 .../frontend/src/app/dashboard/dashboard.component.scss   | 8 ++++++--
 .../project-3/frontend/src/app/map/map.component.html     | 6 +++---
 .../project-3/frontend/src/app/map/map.component.scss     | 7 +------
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/projects/project-3/frontend/src/app/dashboard/dashboard.component.html b/projects/project-3/frontend/src/app/dashboard/dashboard.component.html
index 62b04c4..27d9598 100644
--- a/projects/project-3/frontend/src/app/dashboard/dashboard.component.html
+++ b/projects/project-3/frontend/src/app/dashboard/dashboard.component.html
@@ -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"
diff --git a/projects/project-3/frontend/src/app/dashboard/dashboard.component.scss b/projects/project-3/frontend/src/app/dashboard/dashboard.component.scss
index 239c5aa..aaeabb7 100644
--- a/projects/project-3/frontend/src/app/dashboard/dashboard.component.scss
+++ b/projects/project-3/frontend/src/app/dashboard/dashboard.component.scss
@@ -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;
diff --git a/projects/project-3/frontend/src/app/map/map.component.html b/projects/project-3/frontend/src/app/map/map.component.html
index 3457e68..721766a 100644
--- a/projects/project-3/frontend/src/app/map/map.component.html
+++ b/projects/project-3/frontend/src/app/map/map.component.html
@@ -9,9 +9,9 @@
       Wiki</a>
   </mat-toolbar>
 
-  <div class="map-container">
-    <div class="map-frame">
-      <div id="map"></div>
+  <div class="map-container" fxLayout="row">
+    <div class="map-frame" fxFill>
+      <div id="map" ></div>
     </div>
   </div>
 </div>
diff --git a/projects/project-3/frontend/src/app/map/map.component.scss b/projects/project-3/frontend/src/app/map/map.component.scss
index cb1057b..650c573 100644
--- a/projects/project-3/frontend/src/app/map/map.component.scss
+++ b/projects/project-3/frontend/src/app/map/map.component.scss
@@ -8,13 +8,8 @@
   flex: 1 1 auto;
 }
 
-.mat-toolbar {
-  height: 4%
-}
-
 .map-container {
-  margin: 10px;
-  height: 94%;
+  height: 95%;
 }
 
 .map-frame {