styling improved

src/app/dashboard/map.component.html

@@ -6,13 +6,11 @@
           <strong>Supplier Map</strong>
           <small>Required Data marked in <strong>bold</strong>.</small>
         </div>
-        <div class="card-block">
           <!-- this creates a google map on the page with the given lat/lng from -->
           <!-- the component as the initial center of the map: -->
           <agm-map [latitude]="lat" [longitude]="lng">
             <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
           </agm-map>
-        </div>
       </div>
     </div>
   </div><!--/.row-->

src/app/dashboard/map.component.ts

@@ -10,7 +10,7 @@ import 'rxjs/add/operator/map';
 export class MapComponent implements OnInit {
 
   lat: number = 54.0466;
-  lng: number = 2.8007;
+  lng: number = -2.8007;
 
   constructor(
     private http: Http,

src/scss/_custom.scss

@@ -17,7 +17,7 @@
 
 // Map styling
 agm-map {
-  height: 300px;
+  height: 75vh;
 }
 
 // white title font variant on type-2 as defined in _widgets.css