From 363cdb068120e91bf438b116582a60d15c736cfa Mon Sep 17 00:00:00 2001
From: Arno Kaimbacher <arno.kaimbacher@hotmail.de>
Date: Fri, 10 Sep 2021 16:12:06 +0200
Subject: [PATCH] - styling dashboard component

---
 src/app/app.component.html                 |  4 ++--
 src/app/dashboard/dashboard.component.css  | 11 +++++++++++
 src/app/dashboard/dashboard.component.html | 15 ++++++++-------
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index c62d38a..bdc151c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -29,13 +29,13 @@
             </a>
         </div>
         <div class="navbar-end">
-            <div class="navbar-item">
+            <!-- <div class="navbar-item">
                 <div class="buttons">
                     <a class="button is-light">
                         Log in
                     </a>
                 </div>
-            </div>
+            </div> -->
         </div>
     </div>
 </nav>
diff --git a/src/app/dashboard/dashboard.component.css b/src/app/dashboard/dashboard.component.css
index 12c014b..5a89e6d 100644
--- a/src/app/dashboard/dashboard.component.css
+++ b/src/app/dashboard/dashboard.component.css
@@ -3,6 +3,12 @@
 h2 {
     text-align: center;
   }
+
+  #div-stations {
+    position: relative;
+    height: 100%;
+    width: 100%;
+}
   
   .stations-menu {
     padding: 0;
@@ -16,6 +22,11 @@ h2 {
     justify-content: space-around;
     align-content: flex-start;
     align-items: flex-start;
+    position: absolute;
+    /* bottom: 30px; */
+    top: 30px;
+    /* left:10px;
+    right: 10px; */
   }
   
   a.station {
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 7531606..5994ef5 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1,7 +1,8 @@
-<h2>Stations</h2>
-<div class="stations-menu">
-  <a class="station" *ngFor="let station of stations"
-    routerLink="/detail/{{station.id}}">
-    {{ station.properties.label }}
-  </a>
-</div>
+<div id="div-stations">
+  <div class="stations-menu">
+    <h2>Stations</h2>
+    <a class="station" *ngFor="let station of stations" routerLink="/detail/{{station.id}}">
+      {{ station.properties.label }}
+    </a>
+  </div>
+</div>
\ No newline at end of file