- styling dashboard component

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>

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 {

src/app/dashboard/dashboard.component.html

@@ -1,7 +1,8 @@
-<h2>Stations</h2>
+<div id="div-stations">
-<div class="stations-menu">
+  <div class="stations-menu">
-  <a class="station" *ngFor="let station of stations"
+    <h2>Stations</h2>
-    routerLink="/detail/{{station.id}}">
+    <a class="station" *ngFor="let station of stations" routerLink="/detail/{{station.id}}">
-    {{ station.properties.label }}
+      {{ station.properties.label }}
-  </a>
+    </a>
-</div>
+  </div>
+</div>