fixed maps

src/app/contact/contact.component.html

+<p>
+  contact works!
+</p>

src/app/contact/contact.component.spec.ts

+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactComponent } from './contact.component';
+
+describe('ContactComponent', () => {
+  let component: ContactComponent;
+  let fixture: ComponentFixture<ContactComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContactComponent ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContactComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/contact/contact.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-contact',
+  templateUrl: './contact.component.html',
+  styleUrls: ['./contact.component.scss'],
+})
+export class ContactComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

src/app/nearby/nearby.page.scss

 .nearby_map {
   width: 100%;
-  height: 100vh;
+  height: 100%;
   .overlay {
     position: absolute;
     top: 0px;
@@ -75,7 +75,7 @@
   }
   // Box.
   & + label:before {
-    content: '';
+    content: "";
     margin-right: 10px;
     display: inline-block;
     vertical-align: text-top;
@@ -102,7 +102,7 @@
   }
   // Checkmark. Could be replaced with an image
   &:checked + label:after {
-    content: '';
+    content: "";
     position: absolute;
     left: 6px;
     top: 11px;